PluginProbe
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce / 3.3.0
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce v3.3.0
3.3.0 3.2.1 3.2.0 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.1 trunk 1.0.4 1.1.0 1.1.0.1 1.1.1 1.1.10 1.1.11 1.1.12 1.1.13 1.1.14 1.1.15 1.1.16 1.1.17 1.1.18 1.1.19 1.1.2 All 162 releases
cartflows / modules / beaver-builder / cartflows-bb-checkout-form / includes / frontend.css.php

frontend.css.php in CartFlows – Funnel Builder & Checkout Plugin for WooCommerce 3.3.0, at modules/beaver-builder/cartflows-bb-checkout-form/includes/frontend.css.php

252 lines 17.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 /**
3 * BB Checkout Form Module front-end CSS php file.
4 *
5 * @package cartflows
6 */
7
8 //phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped
9
10 global $post;
11
12 ?>
13
14 #fl-field-checkout_layout .cartflows-bb-link,
15 #fl-field-input_skins .cartflows-bb-link {
16 color: #0086b0;
17 }
18
19 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form,
20 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form-modern-checkout,
21 body .wcf-pre-checkout-offer-wrapper{
22 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->global_primary_color ) ? '--wcf-primary-color:' . FLBuilderColor::hex_or_rgb( $settings->global_primary_color ) . ';' : '' ); ?>
23 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->global_text_color ) ? '--wcf-text-color:' . FLBuilderColor::hex_or_rgb( $settings->global_text_color ) . ';' : '' ); ?>
24 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->heading_color ) ? '--wcf-heading-color:' . FLBuilderColor::hex_or_rgb( $settings->heading_color ) . ';' : '' ); ?>
25 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->label_color ) ? '--wcf-field-label-color:' . FLBuilderColor::hex_or_rgb( $settings->label_color ) . ';' : '' ); ?>
26 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->input_bgcolor ) ? '--wcf-field-bg-color:' . FLBuilderColor::hex_or_rgb( $settings->input_bgcolor ) . ';' : '' ); ?>
27 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->input_color ) ? '--wcf-field-text-color:' . FLBuilderColor::hex_or_rgb( $settings->input_color ) . ';' : '' ); ?>
28 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->input_border_color ) ? '--wcf-field-border-color:' . FLBuilderColor::hex_or_rgb( $settings->input_border_color ) . ';' : '' ); ?>
29 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->button_text_color ) ? '--wcf-btn-text-color:' . FLBuilderColor::hex_or_rgb( $settings->button_text_color ) . ';' : '' ); ?>
30 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->button_text_hover_color ) ? '--wcf-btn-hover-text-color:' . FLBuilderColor::hex_or_rgb( $settings->button_text_hover_color ) . ';' : '' ); ?>
31 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->button_bg_color ) ? '--wcf-btn-bg-color:' . FLBuilderColor::hex_or_rgb( $settings->button_bg_color ) . ';' : '' ); ?>
32 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->button_bg_hover_color ) ? '--wcf-btn-bg-hover-color:' . FLBuilderColor::hex_or_rgb( $settings->button_bg_hover_color ) . ';' : '' ); ?>
33 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->field_label_color ) ? '--wcf-field-error-label-color:' . FLBuilderColor::hex_or_rgb( $settings->field_label_color ) . ';' : '' ); ?>
34 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->error_field_border_color ) ? '--wcf-field-error-border-color:' . FLBuilderColor::hex_or_rgb( $settings->error_field_border_color ) . ';' : '' ); ?>
35 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->payment_section_text_color ) ? '--wcf-payment-section-label-color:' . FLBuilderColor::hex_or_rgb( $settings->payment_section_text_color ) . ';' : '' ); ?>
36 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->payment_section_desc_color ) ? '--wcf-payment-section-desc-text-color:' . FLBuilderColor::hex_or_rgb( $settings->payment_section_desc_color ) . ';' : '' ); ?>
37 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->payment_info_bg_color ) ? '--wcf-payment-section-desc-bg-color:' . FLBuilderColor::hex_or_rgb( $settings->payment_info_bg_color ) . ';' : '' ); ?>
38 <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->payment_section_bg_color ) ? '--wcf-payment-section-bg-color:' . FLBuilderColor::hex_or_rgb( $settings->payment_section_bg_color ) . ';' : '' ); ?>
39
40 }
41
42 .cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected],
43 .cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected] {
44 background-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->global_primary_color ); ?>
45 }
46
47 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before {
48 border-top-color: <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->global_primary_color ) ? FLBuilderColor::hex_or_rgb( $settings->global_primary_color ) . ';' : '' ); ?>
49 }
50
51 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
52 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns a.wcf-next-button,
53 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn {
54 background-color: <?php echo ( '' !== FLBuilderColor::hex_or_rgb( $settings->global_primary_color ) ? FLBuilderColor::hex_or_rgb( $settings->global_primary_color ) . ';' : '' ); ?>
55 color: #fff;
56 }
57
58 <?php
59 if ( class_exists( 'FLBuilderCSS' ) ) {
60 FLBuilderCSS::typography_field_rule(
61 array(
62 'settings' => $settings,
63 'setting_name' => 'global_typography',
64 'selector' => ".fl-node-$id .cartflows-bb__checkout-form .wcf-embed-checkout-form",
65 )
66 );
67 }
68 ?>
69
70 <?php
71 if ( class_exists( 'FLBuilderCSS' ) ) {
72 FLBuilderCSS::typography_field_rule(
73 array(
74 'settings' => $settings,
75 'setting_name' => 'heading_typography',
76 'selector' => ".fl-node-$id .cartflows-bb__checkout-form .wcf-embed-checkout-form .woocommerce h3,
77 .fl-node-$id .cartflows-bb__checkout-form .wcf-embed-checkout-form .woocommerce h3 span,
78 .fl-node-$id .cartflows-bb__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading,
79 .fl-node-$id .cartflows-bb__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name,
80 .fl-node-$id .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3,
81 .fl-node-$id .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3",
82 )
83 );
84 }
85 ?>
86
87 <?php
88 if ( class_exists( 'FLBuilderCSS' ) ) {
89 FLBuilderCSS::typography_field_rule(
90 array(
91 'settings' => $settings,
92 'setting_name' => 'input_text_typography',
93 'selector' => ".fl-node-$id .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .fl-node-$id .wcf-embed-checkout-form .woocommerce form .form-row textarea,
94 .fl-node-$id .wcf-embed-checkout-form .select2-container--default .select2-selection--single,
95 .fl-node-$id .wcf-embed-checkout-form .woocommerce form .form-row select.select,
96 .fl-node-$id .wcf-embed-checkout-form .woocommerce .col2-set .col-1,
97 .fl-node-$id .wcf-embed-checkout-form .woocommerce .col2-set .col-2,
98 .fl-node-$id .wcf-embed-checkout-form .woocommerce form p.form-row label,
99 .fl-node-$id .wcf-embed-checkout-form .woocommerce #payment [type='radio']:checked + label,
100 .fl-node-$id .wcf-embed-checkout-form .woocommerce #payment [type='radio']:not(:checked) + label,
101 .fl-node-$id .wcf-embed-checkout-form .woocommerce form .form-row select,
102 .fl-node-$id .wcf-embed-checkout-form .woocommerce #order_review .wcf-custom-coupon-field input[type='text']",
103 )
104 );
105 }
106 ?>
107
108 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"],
109 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row input.input-text,
110 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row textarea,
111 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .select2-container--default .select2-selection--single,
112 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row select.select,
113 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row select {
114 border-radius: <?php echo ( '' != $settings->input_border_radius ) ? $settings->input_border_radius : '4'; ?>px;
115 }
116
117 <?php if ( 'none' !== $settings->input_border_style ) { ?>
118 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"],
119 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row input.input-text,
120 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row textarea,
121 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .select2-container--default .select2-selection--single,
122 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row select.select,
123 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form .form-row select {
124 border-style: <?php echo ( '' != $settings->input_border_style ) ? $settings->input_border_style : 'solid'; ?>;
125 border-width: <?php echo ( '' != $settings->input_border_width ) ? $settings->input_border_width : '1'; ?>px;
126 }
127
128 <?php } ?>
129
130 <?php
131 if ( class_exists( 'FLBuilderCSS' ) ) {
132 FLBuilderCSS::typography_field_rule(
133 array(
134 'settings' => $settings,
135 'setting_name' => 'button_typography',
136 'selector' => ".fl-node-$id .wcf-embed-checkout-form .woocommerce #order_review button,
137 .fl-node-$id .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
138 .fl-node-$id .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row button,
139 .fl-node-$id .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
140 .fl-node-$id .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
141 .fl-node-$id .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
142 .fl-node-$id .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
143 .fl-node-$id .wcf-embed-checkout-form form.checkout_coupon .button,
144 .fl-node-$id .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
145 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn",
146 )
147 );
148 }
149 ?>
150
151 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn {
152 color: <?php echo FLBuilderColor::hex_or_rgb( $settings->button_text_color ); ?>;
153 }
154
155 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn {
156 background-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->button_bg_color ); ?>;
157 }
158
159 <?php // Button text hover color. ?>
160
161 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn:hover {
162 color: <?php echo FLBuilderColor::hex_or_rgb( $settings->button_text_hover_color ); ?>;
163 background-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->button_bg_hover_color ); ?>;
164 border-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->button_border_hover_color ); ?>;
165 }
166
167 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce #order_review button,
168 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row button,
169 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
170 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
171 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
172 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
173 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form form.checkout_coupon .button,
174 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
175 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns a.wcf-next-button,
176 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn,
177 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn {
178 border-radius: <?php echo ( '' != $settings->button_border_radius ) ? $settings->button_border_radius : ''; ?>px;
179 }
180
181 <?php if ( 'none' != $settings->button_border_style ) { ?>
182
183 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn {
184 border-style: <?php echo ( '' != $settings->button_border_style ) ? $settings->button_border_style : 'solid'; ?>;
185 border-width: <?php echo ( '' != $settings->button_border_width ) ? $settings->button_border_width : '0'; ?>px;
186 border-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->button_border_color ); ?>;
187 }
188
189 <?php } else { ?>
190
191 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce #order_review button,
192 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
193 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce #payment #place_order,
194 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row button,
195 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
196 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
197 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
198 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
199 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form form.checkout_coupon .button,
200 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
201 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn,
202 body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn {
203 border-width: 0px !important;
204 }
205
206 <?php } ?>
207
208 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods {
209 border-radius: <?php echo ( '' != $settings->payment_section_border_radius ) ? $settings->payment_section_border_radius : '0'; ?>px;
210 }
211
212 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods {
213 padding-top: <?php echo ( '' != $settings->payment_section_padding_dimension_top ) ? $settings->payment_section_padding_dimension_top : ''; ?>px;
214 padding-bottom: <?php echo ( '' != $settings->payment_section_padding_dimension_bottom ) ? $settings->payment_section_padding_dimension_bottom : ''; ?>px;
215 padding-left: <?php echo ( '' != $settings->payment_section_padding_dimension_left ) ? $settings->payment_section_padding_dimension_left : ''; ?>px;
216 padding-right: <?php echo ( '' != $settings->payment_section_padding_dimension_right ) ? $settings->payment_section_padding_dimension_right : ''; ?>px;
217 }
218
219 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods {
220 margin-top: <?php echo ( '' != $settings->payment_section_margin_dimension_top ) ? $settings->payment_section_margin_dimension_top : ''; ?>px;
221 margin-bottom: <?php echo ( '' != $settings->payment_section_margin_dimension_bottom ) ? $settings->payment_section_margin_dimension_bottom : ''; ?>px;
222 margin-left: <?php echo ( '' != $settings->payment_section_margin_dimension_left ) ? $settings->payment_section_margin_dimension_left : ''; ?>px;
223 margin-right: <?php echo ( '' != $settings->payment_section_margin_dimension_right ) ? $settings->payment_section_margin_dimension_right : ''; ?>px;
224 }
225
226 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce .woocommerce-error,
227 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce .woocommerce-NoticeGroup .woocommerce-error,
228 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-error {
229 color: <?php echo FLBuilderColor::hex_or_rgb( $settings->error_text_color ); ?>;
230 border-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->error_border_color ); ?>;
231 background-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->error_bg_color ); ?>;
232 }
233
234 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th,
235 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-name,
236 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-total,
237 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table td {
238 color: <?php echo FLBuilderColor::hex_or_rgb( $settings->column_text_color ); ?>;
239 }
240
241 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table {
242 background-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->column_color ); ?>;
243 }
244
245 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tbody,
246 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-discount,
247 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-subtotal,
248 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
249 .fl-node-<?php echo $id; ?> .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) td{
250 border-color: <?php echo FLBuilderColor::hex_or_rgb( $settings->column_color ); ?>;
251 }
252