PluginProbe
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce / 3.0.1
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce v3.0.1
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 / optin-template-divi.css

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

244 lines 6.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 * Optin Page CSS for DIVI
3 */
4
5 .cartflows-container .et_pb_module .wcf-optin-form,
6 .cartflows-container .et_pb_module .wcf-optin-form * {
7 box-sizing: border-box;
8 }
9
10 .et_pb_module #wcf-optin-form {
11 background: inherit;
12 width: 100%;
13 margin: 0 auto;
14 }
15
16 .et_pb_module #wcf-optin-form .woocommerce-checkout {
17 display: inline-block;
18 text-align: inherit;
19 width: 100%;
20 }
21
22 .et_pb_module #wcf-optin-form .woocommerce-checkout .wcf-col2-set {
23 display: block;
24 width: 100%;
25 float: none;
26 margin: 10px 0 0 0;
27 padding: 0;
28 }
29
30 .et_pb_module #wcf-optin-form .woocommerce .col2-set .col-1,
31 .et_pb_module #wcf-optin-form .woocommerce .col2-set .col-2,
32 .et_pb_module #wcf-optin-form .woocommerce-checkout .shop_table,
33 .et_pb_module #wcf-optin-form .woocommerce-checkout .wcf-qty-options,
34 .et_pb_module #wcf-optin-form .woocommerce-checkout #order_review_heading,
35 .et_pb_module #wcf-optin-form .woocommerce-checkout #your_products_heading,
36 .et_pb_module #wcf-optin-form .woocommerce-checkout #payment,
37 .et_pb_module #wcf-optin-form .woocommerce form.checkout_coupon,
38 .et_pb_module #wcf-optin-form .woocommerce .wcf-order-wrap {
39 width: 100%;
40 }
41
42 .et_pb_module #wcf-optin-form .woocommerce .col2-set .col-1,
43 .et_pb_module #wcf-optin-form .woocommerce .col2-set .col-2,
44 .et_pb_module #wcf-optin-form .woocommerce .wcf-col2-set .wcf-col-1,
45 .et_pb_module #wcf-optin-form .woocommerce .wcf-col2-set .wcf-col-2 {
46 float: none;
47 width: 100%;
48 max-width: 100%;
49 padding: 0;
50 border-radius: 0;
51 border: none;
52 border-color: none;
53 margin-bottom: 0;
54 }
55
56 .et_pb_module #wcf-optin-form .woocommerce-checkout .wcf-col2-set .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
57 .et_pb_module #wcf-optin-form .woocommerce-checkout .wcf-col2-set .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper,
58 .et_pb_module #wcf-optin-form .woocommerce-checkout .wcf-col2-set .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
59 margin: 0 -7px;
60 flex-wrap: wrap;
61 -js-display: flex;
62 display: flex;
63 display: -webkit-flex;
64 -webkit-flex-wrap: wrap;
65 }
66
67 /* Headings */
68 .et_pb_module #wcf-optin-form .woocommerce-checkout #order_review_heading,
69 .et_pb_module #wcf-optin-form .woocommerce-checkout #your_products_heading {
70 display: none;
71 }
72
73 .et_pb_module #wcf-optin-form .woocommerce-additional-fields > h3,
74 .et_pb_module #wcf-optin-form .woocommerce-billing-fields > h3,
75 .et_pb_module #wcf-optin-form #order_review_heading,
76 .et_pb_module #wcf-optin-form .woocommerce #ship-to-different-address {
77 display: none !important;
78 }
79 /* Headings */
80
81 /* Row */
82 .et_pb_module #wcf-optin-form .woocommerce form .form-row {
83 display: block;
84 margin-bottom: 1.1em;
85 padding: 3px 7px;
86 position: relative;
87 }
88 .et_pb_module #wcf-optin-form .woocommerce-checkout #payment .form-row {
89 margin: 0;
90 padding: 0;
91 }
92
93 .et_pb_module #wcf-optin-form .woocommerce form .form-row-first,
94 .et_pb_module #wcf-optin-form .woocommerce-page form .form-row-first {
95 float: left;
96 clear: left;
97 }
98
99 .et_pb_module #wcf-optin-form .woocommerce form .form-row-last,
100 .et_pb_module #wcf-optin-form .woocommerce-page form .form-row-last {
101 float: right;
102 clear: right;
103 }
104
105 .et_pb_module #wcf-optin-form .woocommerce form .form-row-first,
106 .et_pb_module #wcf-optin-form .woocommerce form .form-row-last {
107 width: 50%;
108 display: block;
109 }
110
111 .et_pb_module #wcf-optin-form .woocommerce form .form-row-wide,
112 .et_pb_module #wcf-optin-form .woocommerce-page form .form-row-wide {
113 width: 100%;
114 }
115 /* Row */
116
117 /* Label */
118 .et_pb_module #wcf-optin-form .woocommerce .woocommerce-billing-fields label,
119 .et_pb_module #wcf-optin-form .woocommerce .woocommerce-shipping-fields label {
120 display: inherit;
121 }
122
123 .et_pb_module #wcf-optin-form .woocommerce form.woocommerce-form-login .form-row label,
124 .et_pb_module #wcf-optin-form .woocommerce-checkout .form-row label {
125 font-size: 13px;
126 line-height: 1em;
127 letter-spacing: 0.3px;
128 font-family: inherit;
129 font-weight: inherit;
130 margin-bottom: 8px;
131 }
132
133 /* Label */
134
135 /* Fields */
136 .et_pb_module #wcf-optin-form .woocommerce form .form-row input.input-text,
137 .et_pb_module #wcf-optin-form .woocommerce form .form-row textarea,
138 .et_pb_module #wcf-optin-form .woocommerce form .form-row select,
139 .et_pb_module #wcf-optin-form .woocommerce #order_review .input-text {
140 display: block;
141 width: 100%;
142 min-height: 34px;
143 padding: 11px 12px;
144 font-family: inherit;
145 font-weight: inherit;
146 font-size: 14px;
147 line-height: 1.42857143 !important;
148 color: #555;
149 background-color: #fff;
150 background-image: none;
151 border: 1px solid;
152 border-color: #d4d4d4;
153 border-radius: 3px;
154 box-shadow: none;
155 height: auto;
156 }
157
158 /*.et_pb_module #wcf-optin-form input[type="text"],
159 .et_pb_module #wcf-optin-form input[type="email"],
160 .et_pb_module #wcf-optin-form input[type="password"],
161 .et_pb_module #wcf-optin-form input[type="tel"],
162 .et_pb_module #wcf-optin-form textarea,
163 .et_pb_module #wcf-optin-form select {
164 display: block;
165 width: 100%;
166 min-height: 40px;
167 padding: 11px 12px;
168 font-family: inherit;
169 font-weight: inherit;
170 font-size: 14px;
171 line-height: 1.42857143;
172 color: #555;
173 background-color: #fff;
174 background-image: none;
175 border: 1px solid #d4d4d4;
176 -webkit-border-radius: 3px;
177 border-radius: 3px;
178 -webkit-box-shadow: none;
179 box-shadow: none;
180 }*/
181
182 /* Fields */
183
184 /* Checkboxes*/
185
186 .et_pb_module #wcf-optin-form .woocommerce .woocommerce-terms-and-conditions-wrapper {
187 display: none;
188 }
189
190 /* Checkboxes*/
191
192 /* Buttons */
193 .et_pb_module #wcf-optin-form #order_review {
194 padding: 0;
195 width: 100%;
196 }
197
198 .et_pb_module #wcf-optin-form .woocommerce-checkout #payment {
199 background: unset;
200 border-radius: 0;
201 }
202
203 .et_pb_module #wcf-optin-form .woocommerce #order_review #payment button {
204 float: none;
205 margin: 0 auto;
206 display: block;
207 }
208
209 .et_pb_module #wcf-optin-form .woocommerce #order_review button {
210 border: 1px solid;
211 border-color: #f16334;
212 background-color: #f16334;
213 font-family: inherit;
214 font-weight: inherit;
215 letter-spacing: 0.5px;
216 width: 100%;
217 padding: 16px 24px;
218 font-size: 16px;
219 line-height: 1.5;
220 border-radius: 3px;
221 color: #fff;
222 }
223 /* Buttons
224
225
226 /*
227 * Media CSS.
228 */
229
230 @media only screen and ( max-width: 768px ) {
231 .et_pb_module #wcf-optin-form .woocommerce form .form-row-first,
232 .et_pb_module #wcf-optin-form .woocommerce form .form-row-last,
233 .et_pb_module #wcf-optin-form .woocommerce form .form-row-wide,
234 .et_pb_module #wcf-optin-form .woocommerce-page form .form-row-first,
235 .et_pb_module #wcf-optin-form .woocommerce-page form .form-row-last,
236 .et_pb_module #wcf-optin-form .woocommerce-page form .form-row-wide {
237 width: 100%;
238 }
239 }
240
241 /*
242 * Media CSS.
243 */
244