PluginProbe
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce / 1.1.15
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce v1.1.15
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 / assets / css / checkout-template-divi.css

checkout-template-divi.css in CartFlows – Funnel Builder & Checkout Plugin for WooCommerce 1.1.15, at assets/css/checkout-template-divi.css

327 lines 11.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout .col2-set{
2 display: inline-block;
3 width: 55%;
4 float: left;
5 padding-right: 40px;
6 margin: 50px 0 0;
7 }
8
9 .et_pb_module #wcf-embed-checkout-form .woocommerce form .form-row input.input-text,
10 .et_pb_module #wcf-embed-checkout-form .woocommerce form .form-row textarea,
11 .et_pb_module #wcf-embed-checkout-form .woocommerce form .form-row select,
12 .et_pb_module #wcf-embed-checkout-form .woocommerce #order_review .input-text,
13 .et_pb_module #wcf-embed-checkout-form .select2-container--default .select2-selection--single{
14 display: block;
15 width: 100%;
16 min-height: 34px;
17 padding: 11px 12px;
18 font-family: inherit;
19 font-weight:inherit;
20 font-size: 14px;
21 line-height: 1.42857143 !important;
22 color: #555;
23 background-color: #fff;
24 background-image: none;
25 border: 1px solid #d4d4d4;
26 -webkit-border-radius: 3px;
27 border-radius: 3px;
28 -webkit-box-shadow: none;
29 box-shadow: none;
30 }
31
32 .et_pb_module #wcf-embed-checkout-form .woocommerce form .form-row{
33 margin-bottom: 1.1em;
34 padding: 3px 3px 0 3px;
35 }
36
37 .et_pb_module #wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row label,
38 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout .form-row label{
39 font-size: 13px;
40 line-height: 1em;
41 letter-spacing: 0.3px;
42 font-family: inherit;
43 font-weight: inherit;
44 text-transform: capitalize;
45 margin-bottom: 8px;
46 }
47
48
49 .cartflows-canvas #page-container{
50 padding-top:0px !important;
51 }
52
53 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-info,
54 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-message,
55 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-NoticeGroup .woocommerce-message{
56 color: inherit !important;
57 }
58
59 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-error,
60 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-NoticeGroup .woocommerce-error,
61 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-error{
62 background-color: #fff6f6 !important;
63 border: dashed 1px #a00 !important;
64 padding: 25px 25px 20px !important;
65 color: #a00 !important;
66 margin: 1rem 0 1rem !important;
67 font-size: 14px !important;
68 }
69
70 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-error li,
71 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-NoticeGroup .woocommerce-error li,
72 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-error li{
73 font-weight: 400 !important;
74 }
75
76 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-error li strong{
77 font-weight: 400;
78 }
79
80 /*.et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked,
81 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:not(:checked){
82 color: #666;
83 cursor: pointer;
84 display: inline;
85 line-height: 20px;
86 margin-right: 10px;
87 position: relative;
88 padding-left: 28px;
89 }*/
90
91 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=checkbox]:checked:before,
92 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked:before{
93 content: "\f147";
94 margin: -3px 0 0 -4px;
95 color: #F16334;
96 }
97
98 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=checkbox],
99 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"],
100 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=radio]{
101 border: 1px solid #b4b9be;
102 background: #fff;
103 color: #555;
104 clear: none;
105 cursor: pointer;
106 display: inline-block;
107 line-height: 0;
108 height: 16px;
109 margin: -4px 4px 0 0;
110 outline: 0;
111 padding: 0!important;
112 text-align: center;
113 vertical-align: middle;
114 width: 16px;
115 min-width: 16px;
116 -webkit-appearance: none;
117 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
118 box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
119 -webkit-transition: .05s border-color ease-in-out;
120 transition: .05s border-color ease-in-out;
121 }
122
123 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=checkbox]:focus,
124 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:focus,
125 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=radio]:focus{
126 border-color: #F16334;
127 -webkit-box-shadow: 0 0 2px rgba(241, 99, 52,.8);
128 box-shadow: 0 0 2px rgba(241, 99, 52,.8);
129 }
130
131 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=radio]:checked:before{
132 background-color: #F16334;
133 -webkit-border-radius: 50px;
134 border-radius: 50px;
135 content: "\2022";
136 font-size: 24px;
137 height: 6px;
138 line-height: 16px;
139 margin: 4px;
140 text-indent: -9999px;
141 width: 6px;
142 }
143
144 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=checkbox]:checked:before,
145 .et_pb_module #wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked:before,
146 .et_pb_module #wcf-embed-checkout-form .woocommerce #payment input[type=radio]:checked:before{
147 display: inline-block;
148 float: left;
149 font: normal 21px/1 dashicons;
150 speak: none;
151 vertical-align: middle;
152 width: 6px;
153 -webkit-font-smoothing: antialiased;
154 -moz-osx-font-smoothing: grayscale;
155 }
156
157 .et_pb_module #wcf-embed-checkout-form .woocommerce-additional-fields > h3,
158 .et_pb_module #wcf-embed-checkout-form .woocommerce-billing-fields > h3,
159 .et_pb_module #wcf-embed-checkout-form #order_review_heading,
160 .et_pb_module #wcf-embed-checkout-form .woocommerce #ship-to-different-address{
161 font-family: inherit;
162 font-weight: 600;
163 font-size: 20px;
164 text-transform: capitalize;
165 margin: 0 0 25px 0;
166 }
167
168 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout #order_review_heading{
169 display: inline-block !important;
170 font-family: inherit;
171 font-weight: 600;
172 width: 45%;
173 margin: 50px 0 0;
174 padding: 0px 10px 20px;
175 border: none;
176 border-bottom: none;
177 }
178
179 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{
180 padding: 1em 0px;
181 margin:0;
182 }
183
184 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout #add_payment_method #payment ul.payment_methods li,
185 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods li{
186 line-height: 2;
187 text-align: left;
188 margin: 0;
189 list-style: none;
190 font-weight: inherit;
191 }
192
193 .et_pb_module #wcf-embed-checkout-form #payment .woocommerce-privacy-policy-text p{
194 font-family: inherit;
195 font-weight: inherit;
196 color: #444;
197 margin-top: 0;
198 margin-bottom: 1.5em;
199 }
200
201 .et_pb_module #wcf-embed-checkout-form .woocommerce .shop_table #shipping_method li{
202 list-style: none;
203 }
204
205 .et_pb_module #wcf-embed-checkout-form .woocommerce a{
206 color: #F16334;
207 text-decoration: none;
208 }
209
210 .et_pb_module #wcf-embed-checkout-form .wcf-custom-coupon-field{
211 -js-display: flex;
212 display: -webkit-box;
213 display: -webkit-flex;
214 display: -moz-box;
215 display: -ms-flexbox;
216 display: flex;
217 margin-bottom: 25px;
218 margin-top: 25px;
219 border-top: 1px solid #dcdcdc;
220 padding-top: 25px;
221 }
222
223 .et_pb_module #wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-message,
224 .et_pb_module #wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-error{
225 color: inherit !important;
226 border: none !important;
227 background-color: transparent !important;
228 padding: 0em 2em 1.2em 2em !important;
229 font-size: 14px !important;
230 margin: 0px !important;
231 }
232
233 .et_pb_module #wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-message::before,
234 .et_pb_module #wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-error::before{
235 display: block !important;
236 }
237
238 /*
239 One Column
240 */
241 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-one-column .woocommerce .col2-set{
242 display: block;
243 margin-top: 10px;
244 width: 100%;
245 }
246
247 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-one-column .woocommerce-checkout #order_review_heading{
248 display: block !important;
249 margin: 20px 0 0;
250 width: 100%;
251 }
252
253 /**
254 * *************************************
255 * Two Step Divi Compatibility css Start
256 * *************************************
257 */
258
259
260 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout .col2-set,
261 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout .wcf-order-wrap,
262 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout .wcf-product-option-wrap{
263 display: block;
264 width: 100%;
265 float: none;
266 padding-right: 0;
267 padding: 0px;
268 -webkit-border-radius: 0px;
269 border-radius: 0px;
270 margin-top:10px;
271 margin-bottom: 20px;
272 }
273
274 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout .col2-set .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
275 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout .col2-set .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper,
276 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout .col2-set .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper{
277 margin: 0px;
278 }
279
280 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-additional-fields > h3,
281 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-billing-fields > h3,
282 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step #order_review_heading,
283 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout #order_review_heading{
284 display: none !important;
285 }
286
287 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce-checkout #order_review{
288 display: none;
289 float: none;
290 width: 100%;
291 }
292
293 .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-two-step .woocommerce a{
294 color: #fff;
295 }
296
297 /**
298 * *************************************
299 * Two Step Divi Compatibility css End
300 * *************************************
301 */
302
303 @media only screen and (max-width: 768px) {
304 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout .col2-set{
305 display: block;
306 float: none;
307 padding-right: 0px;
308 width: 100%;
309 }
310
311 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout #order_review_heading{
312 display: block !important;
313 float: none;
314 width: 100%;
315 }
316 .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout #order_review{
317 display: block;
318 float: none;
319 width: 100%;
320 }
321 }
322
323 @media (max-width: 767px){
324 .et_pb_module #wcf-embed-checkout-form .woocommerce .form-row {
325 width: 100% !important;
326 }
327 }