Contact Form 7 Style - Version 2.2.8

Version Description

  • Optimize responsive view for predefined templates on mobile devices
  • Added Invitora WordPress Theme compatibility
  • Added support for special characters and fixed bugs
Download this release

Release Info

Developer ionut.iclanzan
Plugin Icon 128x128 Contact Form 7 Style
Version 2.2.8
Comparing to
See all releases

Code changes from version 2.2.7 to 2.2.8

Files changed (4) hide show
  1. cf7-style.php +24 -14
  2. css/frontend.css +1 -17
  3. css/responsive.css +498 -0
  4. readme.txt +137 -132
cf7-style.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Contact Form 7 Style
4
  Plugin URI: http://wordpress.reea.net/contact-form-7-style/
5
  Description: Simple style customization and templating for Contact Form 7 forms. Requires Contact Form 7 plugin installed.
6
- Version: 2.2.7
7
  Author: Reea
8
  Author URI: http://www.reea.net?ref="wordpress.org"
9
  License: GPL2
@@ -14,7 +14,7 @@ License: GPL2
14
  * Include the plugin options
15
  */
16
  function set_styleversion(){
17
- return "2.2.7";
18
  }
19
 
20
  function get_predefined_cf7_style_template_data() {
@@ -104,12 +104,17 @@ function form_class_attr( $class, $id ) {
104
 
105
  $template_class = '';
106
  $cf7_style_id = get_post_meta( $form_id, 'cf7_style_id' );
107
- if ( isset( $cf7_style_id[0]) ) {
108
- $cf7_style_data = get_post( $cf7_style_id[0], ARRAY_A );
109
- $template_class = ( $id == "yes" ) ? $cf7_style_id[0] : $cf7_style_data['post_name'];
 
 
 
 
 
 
110
  }
111
 
112
-
113
  // Return the modified class
114
  return $template_class;
115
  }
@@ -187,13 +192,14 @@ function cf7_style_custom_css_generator(){
187
  if ( ( ! empty( $cf7s_id ) || $cf7s_id !== 0 ) && ! in_array( $cf7s_id, $active_styles ) ) {
188
  if( empty( $active_styles ) ) {
189
  $style .= "\n<style class='cf7-style' media='screen' type='text/css'>\n";
190
- }
191
- array_push( $active_styles, $cf7s_id );
192
 
193
- $cf7s_slug = sanitize_title( get_the_title( $cf7s_id ) );
194
-
195
- if( $cf7s_slug == "" ) {
196
- $cf7s_slug = "cf7-style-" . $cf7s_id;
 
 
197
  }
198
 
199
  $custom_cat = get_the_terms( $cf7s_id, "style_category" );
@@ -289,6 +295,10 @@ function cf7_style_custom_css_generator(){
289
  $font_family = return_font_name( $cf7s_id );
290
 
291
  if( ! empty( $font_family ) && "none" !== $font_family ) {
 
 
 
 
292
  $style .= 'body .cf7-style.' . $cf7s_slug . ', body .cf7-style.' . $cf7s_slug . " input[type='submit'] {\n\t font-family: '" . $font_family . "',sans-serif;\n} ";
293
  }
294
  if( !empty( $cf7s_manual_style ) ){
@@ -324,8 +334,7 @@ function cf7_style_admin_scripts(){
324
  }
325
  function cf7_style_add_class( $class ){
326
  global $post;
327
- $temp_slug = form_class_attr( $post, "no" );
328
- $class .= " cf7-style ". ( ( is_numeric( $temp_slug ) ) ? "cf7-style-".$temp_slug : $temp_slug );
329
  return $class;
330
  }// end of cf7_style_add_class
331
  /**
@@ -535,6 +544,7 @@ function cf7style_load_elements(){
535
  if ( ! is_admin() ) {
536
  wp_enqueue_script('jquery');
537
  wp_enqueue_style( "cf7-style-frontend-style", plugin_dir_url( __FILE__ ) . "css/frontend.css", false, set_styleversion(), "all");
 
538
  wp_enqueue_script( "cf7-style-frontend-script", plugin_dir_url( __FILE__ ) . "js/frontend.js", false, set_styleversion());
539
  add_action('wp_head', 'cf7_style_custom_css_generator');
540
  }
3
  Plugin Name: Contact Form 7 Style
4
  Plugin URI: http://wordpress.reea.net/contact-form-7-style/
5
  Description: Simple style customization and templating for Contact Form 7 forms. Requires Contact Form 7 plugin installed.
6
+ Version: 2.2.8
7
  Author: Reea
8
  Author URI: http://www.reea.net?ref="wordpress.org"
9
  License: GPL2
14
  * Include the plugin options
15
  */
16
  function set_styleversion(){
17
+ return "2.2.8";
18
  }
19
 
20
  function get_predefined_cf7_style_template_data() {
104
 
105
  $template_class = '';
106
  $cf7_style_id = get_post_meta( $form_id, 'cf7_style_id' );
107
+ if ( isset( $cf7_style_id[0] ) ) {
108
+ $cf7_style_data = get_post( $cf7_style_id[0], OBJECT );
109
+
110
+
111
+ if( has_term( 'custom-style', 'style_category', $cf7_style_data ) ) {
112
+ $template_class = "cf7-style-" . $cf7_style_id[0];
113
+ } else {
114
+ $template_class = $cf7_style_data->post_name;
115
+ }
116
  }
117
 
 
118
  // Return the modified class
119
  return $template_class;
120
  }
192
  if ( ( ! empty( $cf7s_id ) || $cf7s_id !== 0 ) && ! in_array( $cf7s_id, $active_styles ) ) {
193
  if( empty( $active_styles ) ) {
194
  $style .= "\n<style class='cf7-style' media='screen' type='text/css'>\n";
195
+ }
 
196
 
197
+ array_push( $active_styles, $cf7s_id );
198
+ $cf7_style_data = get_post( $cf7s_id, OBJECT );
199
+ if( has_term( 'custom-style', 'style_category', $cf7_style_data ) ) {
200
+ $cf7s_slug = $cf7s_id;
201
+ } else {
202
+ $cf7s_slug = sanitize_title( get_the_title( $cf7s_id ) );
203
  }
204
 
205
  $custom_cat = get_the_terms( $cf7s_id, "style_category" );
295
  $font_family = return_font_name( $cf7s_id );
296
 
297
  if( ! empty( $font_family ) && "none" !== $font_family ) {
298
+ if (is_numeric($cf7s_slug)) {
299
+ $cf7s_slug = "cf7-style-".$cf7s_slug;
300
+ }
301
+
302
  $style .= 'body .cf7-style.' . $cf7s_slug . ', body .cf7-style.' . $cf7s_slug . " input[type='submit'] {\n\t font-family: '" . $font_family . "',sans-serif;\n} ";
303
  }
304
  if( !empty( $cf7s_manual_style ) ){
334
  }
335
  function cf7_style_add_class( $class ){
336
  global $post;
337
+ $class.= " cf7-style ".form_class_attr( $post, "no" );
 
338
  return $class;
339
  }// end of cf7_style_add_class
340
  /**
544
  if ( ! is_admin() ) {
545
  wp_enqueue_script('jquery');
546
  wp_enqueue_style( "cf7-style-frontend-style", plugin_dir_url( __FILE__ ) . "css/frontend.css", false, set_styleversion(), "all");
547
+ wp_enqueue_style( "cf7-style-frontend-responsive-style", plugin_dir_url( __FILE__ ) . "css/responsive.css", false, set_styleversion(), "all");
548
  wp_enqueue_script( "cf7-style-frontend-script", plugin_dir_url( __FILE__ ) . "js/frontend.js", false, set_styleversion());
549
  add_action('wp_head', 'cf7_style_custom_css_generator');
550
  }
css/frontend.css CHANGED
@@ -20,17 +20,6 @@
20
  * 0.0 - Reset
21
  * -----------------------------------------------------------------------------
22
  */
23
- /* body .cf7-style *,
24
- body .cf7-style input.wpcf7-form-control.wpcf7-text,
25
- body .cf7-style input.wpcf7-form-control.wpcf7-number,
26
- body .cf7-style input.wpcf7-form-control.wpcf7-date,
27
- body .cf7-style textarea.wpcf7-form-control.wpcf7-textarea,
28
- body .cf7-style select.wpcf7-form-control.wpcf7-select,
29
- body .cf7-style input.wpcf7-form-control.wpcf7-quiz {
30
- -moz-box-sizing: content-box;
31
- -webkit-box-sizing: content-box;
32
- box-sizing: content-box;
33
- } */
34
 
35
  .cf7-style input[type="text"],
36
  .cf7-style input[type="email"],
@@ -592,7 +581,7 @@ body .wpcf7 form.valentines-day-blue-birds p {
592
 
593
  body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit {
594
  position: absolute;
595
- right: 0;
596
  -webkit-transition: none;
597
  -moz-transition: none;
598
  -ms-transition: none;
@@ -634,7 +623,6 @@ body .valentines-day-blue-birds textarea:focus {
634
 
635
  body .valentines-day-blue-birds .wpcf7-submit {
636
  background: url("../images/vday-blue-birds/submit.png") no-repeat top right;
637
- height: 50px;
638
  line-height: 50px;
639
  font-size: 30px;
640
  display: inline;
@@ -759,10 +747,6 @@ body .christmas-classic p {
759
  width: 350px;
760
  }
761
 
762
- body .christmas-classic span {
763
- display: block;
764
- }
765
-
766
  body .christmas-classic .footer {
767
  background: url("../images/xmas-classic/bottombg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
768
  height: 255px;
20
  * 0.0 - Reset
21
  * -----------------------------------------------------------------------------
22
  */
 
 
 
 
 
 
 
 
 
 
 
23
 
24
  .cf7-style input[type="text"],
25
  .cf7-style input[type="email"],
581
 
582
  body .valentines-day-blue-birds input.wpcf7-form-control.wpcf7-submit {
583
  position: absolute;
584
+ right: 40px;
585
  -webkit-transition: none;
586
  -moz-transition: none;
587
  -ms-transition: none;
623
 
624
  body .valentines-day-blue-birds .wpcf7-submit {
625
  background: url("../images/vday-blue-birds/submit.png") no-repeat top right;
 
626
  line-height: 50px;
627
  font-size: 30px;
628
  display: inline;
747
  width: 350px;
748
  }
749
 
 
 
 
 
750
  body .christmas-classic .footer {
751
  background: url("../images/xmas-classic/bottombg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
752
  height: 255px;
css/responsive.css ADDED
@@ -0,0 +1,498 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*Device friendly customizations*/
2
+
3
+ @media only screen and (max-device-width: 1024px) {
4
+ /**
5
+ * Xmas
6
+ *
7
+ * 1.1 - Red
8
+ * -----------------------------------------------------------------------------
9
+ */
10
+
11
+ body .christmas-red {
12
+ margin-bottom: 0;
13
+ }
14
+ body .christmas-red-container {
15
+ margin-bottom: 140px;
16
+ padding-bottom: 4px;
17
+ }
18
+ body .christmas-red-container,
19
+ body .christmas-red .header,
20
+ body .christmas-red .footer,
21
+ body .christmas-classic-container,
22
+ body .christmas-classic .header,
23
+ body .christmas-classic .footer,
24
+ body .christmas-simple-container,
25
+ body .christmas-simple .header,
26
+ body .christmas-simple .footer,
27
+ body .christmas-simple .ribbon,
28
+ body .valentines-day-classic .heart,
29
+ body .valentines-day-roses,
30
+ body .valentines-day-blue-birds,
31
+ body .valentines-day-blue-birds .header,
32
+ body .valentines-day-blue-birds .footer {
33
+ -webkit-background-size: 100% auto;
34
+ -moz-background-size: 100% auto;
35
+ background-size: 100% auto;
36
+ }
37
+ body .christmas-red p,
38
+ body .christmas-classic p,
39
+ body .christmas-simple p,
40
+ body .valentines-day-roses,
41
+ body .valentines-day-blue-birds p,
42
+ body .valentines-day-blue-birds textarea,
43
+ body .twenty-fifteen-pattern p {
44
+ width: 100%;
45
+ padding: 0 45px;
46
+ -webkit-box-sizing: border-box;
47
+ -moz-box-sizing: border-box;
48
+ box-sizing: border-box;
49
+ }
50
+ /**
51
+ * Xmas
52
+ *
53
+ * 1.2 - Classic
54
+ * -----------------------------------------------------------------------------
55
+ */
56
+
57
+ body .christmas-classic-container {
58
+ width: 100%;
59
+ margin-bottom: 310px;
60
+ }
61
+ body .christmas-classic p {
62
+ margin-left: 0;
63
+ }
64
+ body .christmas-classic .left {
65
+ z-index: 100;
66
+ left: -70px;
67
+ bottom: -15px;
68
+ }
69
+ body .christmas-classic .footer {
70
+ width: 561px;
71
+ margin-left: -79px;
72
+ height: 300px;
73
+ bottom: -300px;
74
+ }
75
+ body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
76
+ body .christmas-classic .wpcf7-submit {
77
+ bottom: -285px;
78
+ left: 34px;
79
+ width: 101px;
80
+ height: 90px;
81
+ }
82
+ body .christmas-red .wpcf7-validation-errors,
83
+ body .christmas-red .wpcf7-mail-sent-ok,
84
+ body .christmas-classic-validation-errors,
85
+ body .christmas-classic-mail-sent-ok,
86
+ body .christmas-red span.wpcf7-not-valid-tip,
87
+ body .christmas-classic span.wpcf7-not-valid-tip {
88
+ width: 100%;
89
+ }
90
+ body .cf7-style div.wpcf7-response-output {
91
+ padding: 0 45px;
92
+ font-size: 14px;
93
+ }
94
+ /**
95
+ * Xmas
96
+ *
97
+ * 1.3 - Simple
98
+ * -----------------------------------------------------------------------------
99
+ */
100
+
101
+ body .christmas-simple-container,
102
+ body .christmas-simple {
103
+ width: 100%;
104
+ }
105
+ body .christmas-simple {
106
+ padding: 0;
107
+ }
108
+ body .christmas-simple .header {
109
+ width: 100.9%;
110
+ }
111
+ body .christmas-simple .footer {
112
+ width: 100.9%;
113
+ bottom: -35px;
114
+ }
115
+ body .christmas-simple p input[type="text"],
116
+ body .christmas-simple p input[type="email"],
117
+ body .christmas-simple p input[type="tel"],
118
+ body .christmas-simple p textarea,
119
+ body .christmas-simple p input[type="text"]:hover,
120
+ body .christmas-simple p input[type="email"]:hover,
121
+ body .christmas-simple p input[type="tel"]:hover,
122
+ body .christmas-simple p textarea:hover,
123
+ body .christmas-simple p input[type="text"]:focus,
124
+ body .christmas-simple p input[type="email"]:focus,
125
+ body .christmas-simple p input[type="tel"]:focus,
126
+ body .christmas-simple p textarea:focus {
127
+ width: 97%;
128
+ }
129
+ body .christmas-simple .ribbon {
130
+ right: -70px;
131
+ top: -90px;
132
+ }
133
+ body .christmas-simple span.wpcf7-not-valid-tip,
134
+ body .christmas-simple div.wpcf7-response-output {
135
+ width: 100%;
136
+ line-height: 20px;
137
+ }
138
+ /**
139
+ * Simple Pattern
140
+ *
141
+ * 3.1 - Twenty Fifteen Like
142
+ * -----------------------------------------------------------------------------
143
+ */
144
+
145
+ body .twenty-fifteen-pattern {
146
+ width: 100%;
147
+ }
148
+ }
149
+
150
+ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
151
+ /**
152
+ * Xmas
153
+ *
154
+ * 1.1 - Red
155
+ * -----------------------------------------------------------------------------
156
+ */
157
+
158
+ body .christmas-red-container {
159
+ width: 480px;
160
+ margin-bottom: 140px;
161
+ padding-bottom: 4px;
162
+ }
163
+ body .christmas-red .header {
164
+ width: 489px;
165
+ background-position: -5px 0;
166
+ top: -85px;
167
+ }
168
+ body .christmas-red .footer {
169
+ width: 490px;
170
+ left: -5px;
171
+ }
172
+ /**
173
+ * Valentine's Day
174
+ *
175
+ * 2.2 - Roses
176
+ * -----------------------------------------------------------------------------
177
+ */
178
+
179
+ body .valentines-day-roses {
180
+ padding-left: 215px;
181
+ padding-right: 0;
182
+ }
183
+ body .valentines-day-roses .letter-box {
184
+ margin-top: 64px;
185
+ }
186
+ body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit {
187
+ right: 45px;
188
+ }
189
+ }
190
+
191
+ @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
192
+ /**
193
+ * Xmas
194
+ *
195
+ * 1.2 - Classic
196
+ * -----------------------------------------------------------------------------
197
+ */
198
+
199
+ body .christmas-classic-container {
200
+ margin-bottom: 331px;
201
+ }
202
+ body .christmas-classic .footer {
203
+ width: 619px;
204
+ margin-left: -87px;
205
+ height: 331px;
206
+ bottom: -331px;
207
+ }
208
+ /**
209
+ * Valentine's Day
210
+ *
211
+ * 2.2 - Roses
212
+ * -----------------------------------------------------------------------------
213
+ */
214
+
215
+ body .valentines-day-roses {
216
+ padding-left: 265px;
217
+ }
218
+ body .valentines-day-roses .letter-box {
219
+ margin-top: 93px;
220
+ }
221
+ }
222
+
223
+ @media only screen and (min-device-width: 321px) and (max-device-width: 480px) {
224
+ /**
225
+ * Xmas
226
+ *
227
+ * 1.1 - Red
228
+ * -----------------------------------------------------------------------------
229
+ */
230
+
231
+ body .christmas-red-container {
232
+ width: 405px;
233
+ padding-bottom: 22px;
234
+ }
235
+ body .christmas-red .header {
236
+ background-position: -4px 0;
237
+ top: -71px;
238
+ width: 412px;
239
+ }
240
+ body .christmas-red p {
241
+ padding: 0 40px;
242
+ }
243
+ body .christmas-red .footer {
244
+ left: -4px;
245
+ width: 413px;
246
+ }
247
+ /**
248
+ * Xmas
249
+ *
250
+ * 1.2 - Classic
251
+ * -----------------------------------------------------------------------------
252
+ */
253
+
254
+ body .christmas-classic-container {
255
+ margin-bottom: 260px;
256
+ }
257
+ body .christmas-classic .left {
258
+ left: -73px;
259
+ }
260
+ body .christmas-classic .footer {
261
+ bottom: -256px;
262
+ height: 256px;
263
+ margin-left: -70px;
264
+ width: 476px;
265
+ }
266
+ body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
267
+ body .christmas-classic .wpcf7-submit {
268
+ left: 20px;
269
+ bottom: -250px;
270
+ }
271
+ /**
272
+ * Xmas
273
+ *
274
+ * 2.4 - Blue Birds
275
+ * -----------------------------------------------------------------------------
276
+ */
277
+
278
+ body .valentines-day-blue-birds .header {
279
+ height: 180px;
280
+ }
281
+ }
282
+
283
+ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
284
+ /**
285
+ * Xmas
286
+ *
287
+ * 1.3 - Simple
288
+ * -----------------------------------------------------------------------------
289
+ */
290
+
291
+ body .christmas-simple .ribbon {
292
+ width: 90px;
293
+ top: -40px;
294
+ right: -20px;
295
+ }
296
+ /**
297
+ * Valentine's Day
298
+ *
299
+ * 2.1 - Classic
300
+ * -----------------------------------------------------------------------------
301
+ */
302
+
303
+ body .valentines-day-classic {
304
+ margin-top: 50px;
305
+ padding-bottom: 0;
306
+ margin-bottom: 10px;
307
+ }
308
+ /**
309
+ * Valentine's Day
310
+ *
311
+ * 2.2 - Roses
312
+ * -----------------------------------------------------------------------------
313
+ */
314
+
315
+ body .valentines-day-roses {
316
+ padding-left: 150px;
317
+ padding-right: 0;
318
+ }
319
+ body .valentines-day-roses .letter-box {
320
+ margin-top: 17px;
321
+ }
322
+ body .valentines-day-roses input.wpcf7-form-control.wpcf7-submit {
323
+ right: 35px;
324
+ }
325
+ /**
326
+ * Valentine's Day
327
+ *
328
+ * 2.3 Birds
329
+ * -----------------------------------------------------------------------------
330
+ */
331
+
332
+ body .valentines-day-birds-container,
333
+ body .valentines-day-birds .bg-header,
334
+ body .valentines-day-birds .bg-bottom {
335
+ -webkit-background-size: 100% auto;
336
+ -moz-background-size: 100% auto;
337
+ background-size: 100% auto;
338
+ }
339
+ body .valentines-day-birds {
340
+ width: 100%;
341
+ padding: 0 45px;
342
+ -webkit-box-sizing: border-box;
343
+ -moz-box-sizing: border-box;
344
+ box-sizing: border-box;
345
+ }
346
+ body .valentines-day-birds {
347
+ margin-left: 50px;
348
+ padding: 0 90px 0 0;
349
+ margin-bottom: 0;
350
+ }
351
+ body .valentines-day-birds-container {
352
+ width: 100%;
353
+ background-position: 2px 0;
354
+ border-bottom: 1px solid #000;
355
+ }
356
+ body .valentines-day-birds .bg-header {
357
+ width: 490px;
358
+ height: 263px;
359
+ left: -92px;
360
+ background-position: 0 0;
361
+ top: -260px;
362
+ }
363
+ body .valentines-day-birds .bg-bottom {
364
+ display: none;
365
+ }
366
+ /**
367
+ * Simple pattern
368
+ *
369
+ * 3.1 - Twenty Fifteen pattern
370
+ * -----------------------------------------------------------------------------
371
+ */
372
+
373
+ body .twenty-fifteen-pattern p,
374
+ body .twenty-fifteen-pattern button, body .twenty-fifteen-pattern input[type="button"], body .twenty-fifteen-pattern input[type="reset"], body .twenty-fifteen-pattern input[type="submit"] {
375
+ font-size: 14px;
376
+ }
377
+ }
378
+
379
+ @media only screen and (min-width: 321px) {}
380
+
381
+ @media only screen and (max-width: 320px) {
382
+ /**
383
+ * Xmas
384
+ *
385
+ * 1.1 - Red
386
+ * -----------------------------------------------------------------------------
387
+ */
388
+
389
+ body .christmas-red-container {
390
+ width: 270px;
391
+ }
392
+ body .christmas-red .header {
393
+ width: 275px;
394
+ height: 47px;
395
+ top: -47px;
396
+ background-position: -3px 0;
397
+ }
398
+ body .christmas-red .footer {
399
+ width: 270px;
400
+ }
401
+ /**
402
+ * Xmas
403
+ *
404
+ * 1.2 - Classic
405
+ * -----------------------------------------------------------------------------
406
+ */
407
+
408
+ body .christmas-classic-container {
409
+ margin-bottom: 170px;
410
+ }
411
+ body .christmas-classic .left {
412
+ display: none;
413
+ }
414
+ body .christmas-classic .footer {
415
+ width: 316px;
416
+ margin-left: -46px;
417
+ height: 300px;
418
+ bottom: -300px;
419
+ }
420
+ body .christmas-classic input.wpcf7-form-control.wpcf7-submit:not([disabled]),
421
+ body .christmas-classic .wpcf7-submit {
422
+ bottom: -165px;
423
+ left: 12px;
424
+ }
425
+ /**
426
+ * Xmas
427
+ *
428
+ * 1.3 - Simple
429
+ * -----------------------------------------------------------------------------
430
+ */
431
+
432
+ body .christmas-simple .header {
433
+ top: -23px;
434
+ }
435
+ /**
436
+ * Valentine's Day
437
+ *
438
+ * 2.1 - Classic
439
+ * -----------------------------------------------------------------------------
440
+ */
441
+
442
+ body .valentines-day-classic .heart {
443
+ width: 90px;
444
+ }
445
+ /**
446
+ * Valentine's Day
447
+ *
448
+ * 2.2 - Roses
449
+ * -----------------------------------------------------------------------------
450
+ */
451
+
452
+ body .valentines-day-roses {
453
+ padding-left: 10px;
454
+ padding-top: 30px;
455
+ background-position: 0 55px;
456
+ }
457
+ body .valentines-day-roses textarea.wpcf7-form-control.wpcf7-textarea {
458
+ width: 140px;
459
+ margin-left: 80px;
460
+ height: 70px;
461
+ }
462
+ body .valentines-day-roses .letter-box {
463
+ margin-top: 40px;
464
+ margin-left: -20px;
465
+ }
466
+ body .valentines-day-roses div.wpcf7-validation-errors,
467
+ body .valentines-day-roses div.wpcf7-mail-sent-ok {
468
+ width: 100%;
469
+ margin: 0;
470
+ left: 0;
471
+ }
472
+ /**
473
+ * Valentine's Day
474
+ *
475
+ * 2.3 Birds
476
+ * -----------------------------------------------------------------------------
477
+ */
478
+
479
+ body .valentines-day-birds {
480
+ margin-top: 145px;
481
+ }
482
+ body .valentines-day-birds .bg-header {
483
+ width: 322px;
484
+ left: -75px;
485
+ height: 164px;
486
+ top: -163px;
487
+ }
488
+ /**
489
+ * Xmas
490
+ *
491
+ * 2.4 - Blue Birds
492
+ * -----------------------------------------------------------------------------
493
+ */
494
+
495
+ body .valentines-day-blue-birds .header {
496
+ height: 120px;
497
+ }
498
+ }
readme.txt CHANGED
@@ -1,132 +1,137 @@
1
- === Contact Form 7 Style ===
2
- Contributors: mlehelsz, dorumarginean, ionut.iclanzan, mircear
3
- Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=ionut.iclanzan.reea@gmail.com&item_name=Donation+for+Contact+Form+Style
4
- Tags: contact form 7, contact form 7 style, contact form 7 css, contact form 7 styling, CF7, CF7 style, styling contact form, styling contact form 7, multiple form styling, custom form styling, CF7 addon, customize, templates, valentine's day templates, Christmas templates
5
- Requires at least: 3.0.1
6
- Tested up to: 4.1.1
7
- Stable tag: 4.3.2
8
- License: GPLv2 or later
9
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
-
11
- Simple style customization and templating for Contact Form 7 forms. Requires Contact Form 7 plugin installed.
12
-
13
- == Description ==
14
-
15
- This plugin is an addon for [Contact Form 7](http://wordpress.org/plugins/contact-form-7/) which needs to be installed on your wordpress blog.
16
- Supports custom styling, which can be easily managed via admin dashboard. Also has predefined templates like Simple Pattern, Valentine's Day, Christmas that can be activated on your Contact Form 7. <BR>
17
-
18
- > This plugin requires the <a href="http://wordpress.org/extend/plugins/contact-form-7/" rel="nofollow">Contact Form 7 plugin</a><BR>
19
-
20
- **Custom style options: <BR>**
21
- - color styling, <BR>
22
- - custom fonts ( google fonts included ), <BR>
23
- - styling for input fields, text, textarea, labels, submit button <BR>
24
- - border-color, <BR>
25
- - form background-color, <BR>
26
- - form container styling, <BR>
27
- - customized style can be imported / exported <BR>
28
- - quick edit option <BR>
29
- - support multiple forms with different design <BR>
30
-
31
- <strong>Support can be found [here](https://wordpress.org/support/plugin/contact-form-7-style).</strong>
32
-
33
-
34
- == Installation ==
35
-
36
- 1. Upload the entire `contact-form-7-style` folder to the `/wp-content/plugins/` directory
37
- 2. Make sure that Contact Form 7 is installed and activated ( an admin notice will check for this )
38
- 3. Activate the plugin through the 'Plugins' menu in WordPress
39
-
40
- You will find 'Contact Style' menu in your WordPress admin panel.
41
-
42
- == Screenshots ==
43
-
44
- 1. The Contact Style main settings page.
45
- 2. Predefined Contact Style Template Settings page.
46
- 3. Custom Style Settings page.
47
-
48
- == Changelog ==
49
-
50
- = 2.2.7 =
51
- * Improvements for reliability and speed
52
- * Enhanced plugin stability and fixed bugs
53
- * Added Bretheon Premium WordPress Theme compatibility
54
-
55
- = 2.2.6 =
56
- * Added Avada Theme compatibility
57
- * Added Bridge - Creative Multi-Purpose WordPress Theme compatibility
58
- * Added Flatco - Multipurpose & Responsive WordPress Theme compatibility
59
- * Improve CSS Editor UI
60
-
61
- = 2.2.5 =
62
- * [Fixed](https://wordpress.org/support/topic/avada-theme-5) Avada Theme Fusion Page Builder incompatibility issue
63
- * [Fixed](https://wordpress.org/support/topic/good-morning-1) Contact form 7 shortcode detection for Flatco - Multipurpose & Responsive WordPress Theme
64
- * Improve plugin installer process
65
-
66
-
67
- = 2.2.4 =
68
- * New feature - ability to add your own custom css rules
69
- * [Fixed](https://wordpress.org/support/topic/textarea-height-and-submit-width) textarea and submit button on focus issue
70
-
71
- = 2.2.3 =
72
- * [Fixed](https://wordpress.org/support/topic/style-doesnt-apply-to-an-existing-form) simple template style issue
73
-
74
- = 2.2.2 =
75
- * Minor JQuery fixes for newer wordpress version
76
- * Fixed custom style for textarea selector
77
- * Admin panel minor adjustments
78
-
79
- = 2.2.1 =
80
- * New feature - textarea field additional options
81
- * [Fixed](https://wordpress.org/support/topic/field-style-issue?replies=6) textarea field style issue
82
-
83
- = 2.2 =
84
- * Fixed Chrome preview problem
85
- * Removed unnecessary elements from nav menus
86
- * Fixed custom style no title problem
87
- * [Fixed](https://wordpress.org/support/topic/custom-style-is-not-working?replies=6) css class generator
88
- * New feature - Added quick edit
89
- * New feature - Added new simple pattern style category with Twenty Fifteen Pattern
90
-
91
- = 2.1.1 =
92
- * Minor JQuery fixes for older wordpress version
93
-
94
- = 2.1 =
95
- * New feature - Google fonts preview when edit the style
96
- * New feature - List all styles thumbnail preview for predefined templates
97
-
98
- = 2.0.1 =
99
- * Admin panel minor adjustments
100
-
101
- = 2.0 =
102
- * New UI Admin settings options
103
- * Use custom post type for individual style set up
104
- * Multiple cf7 forms can have their own style
105
- * Style can be activated only for certain cf7 forms
106
- * All google fonts available for use
107
- * Styling improvement for theme twentyfifteen, twentyfourteen
108
- * New settings available
109
- * Possibility to change certain settings for the "custom style" styles
110
- * Style filtering by categories for easier use
111
- * Possibility to save your settings and import / export the generated "custom style"
112
- * Donate option for support the plugin's continued development and better user support
113
-
114
- = 1.1.1 =
115
- * Added plugin update notification in plugin template selection panel
116
-
117
- = 1.1.0 =
118
- * Added Valentine's Day templates for 2014.
119
- * Fixed Xmas Red header and footer position
120
- * Added Custom Style submenu for styling the templates
121
-
122
- = 1.0.1 =
123
- * Fixed x-mas classic display on 2014 wordpress theme.
124
-
125
- = 1.0 =
126
- * First plugin version.
127
-
128
- == Upgrade Notice ==
129
- = Contact Form 7 Style Version 2.2.7 =
130
- * Improvements for reliability and speed
131
- * Added Bretheon Premium WordPress Theme compatibility
132
- * Enhanced plugin stability and fixed bugs
 
 
 
 
 
1
+ === Contact Form 7 Style ===
2
+ Contributors: mlehelsz, dorumarginean, ionut.iclanzan, mircear
3
+ Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=ionut.iclanzan.reea@gmail.com&item_name=Donation+for+Contact+Form+Style
4
+ Tags: contact form 7, contact form 7 style, contact form 7 css, contact form 7 styling, CF7, CF7 style, styling contact form, styling contact form 7, multiple form styling, custom form styling, CF7 addon, customize, templates, valentine's day templates, Christmas templates
5
+ Requires at least: 3.0.1
6
+ Tested up to: 4.2.1
7
+ Stable tag: 4.3.2
8
+ License: GPLv2 or later
9
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
+
11
+ Simple style customization and templating for Contact Form 7 forms. Requires Contact Form 7 plugin installed.
12
+
13
+ == Description ==
14
+
15
+ This plugin is an addon for [Contact Form 7](http://wordpress.org/plugins/contact-form-7/) which needs to be installed on your wordpress blog.
16
+ Supports custom styling, which can be easily managed via admin dashboard. Also has predefined templates like Simple Pattern, Valentine's Day, Christmas that can be activated on your Contact Form 7. <BR>
17
+
18
+ > This plugin requires the <a href="http://wordpress.org/extend/plugins/contact-form-7/" rel="nofollow">Contact Form 7 plugin</a><BR>
19
+
20
+ **Custom style options: <BR>**
21
+ - color styling, <BR>
22
+ - custom fonts ( google fonts included ), <BR>
23
+ - styling for input fields, text, textarea, labels, submit button <BR>
24
+ - border-color, <BR>
25
+ - form background-color, <BR>
26
+ - form container styling, <BR>
27
+ - customized style can be imported / exported <BR>
28
+ - quick edit option <BR>
29
+ - support multiple forms with different design <BR>
30
+
31
+ <strong>Support can be found [here](https://wordpress.org/support/plugin/contact-form-7-style).</strong>
32
+
33
+
34
+ == Installation ==
35
+
36
+ 1. Upload the entire `contact-form-7-style` folder to the `/wp-content/plugins/` directory
37
+ 2. Make sure that Contact Form 7 is installed and activated ( an admin notice will check for this )
38
+ 3. Activate the plugin through the 'Plugins' menu in WordPress
39
+
40
+ You will find 'Contact Style' menu in your WordPress admin panel.
41
+
42
+ == Screenshots ==
43
+
44
+ 1. The Contact Style main settings page.
45
+ 2. Predefined Contact Style Template Settings page.
46
+ 3. Custom Style Settings page.
47
+
48
+ == Changelog ==
49
+
50
+ = 2.2.8 =
51
+ * Optimize responsive view for predefined templates on mobile devices
52
+ * Added Invitora WordPress Theme compatibility
53
+ * Added support for special characters and fixed bugs
54
+
55
+ = 2.2.7 =
56
+ * Improvements for reliability and speed
57
+ * Enhanced plugin stability and fixed bugs
58
+ * Added Bretheon Premium WordPress Theme compatibility
59
+
60
+ = 2.2.6 =
61
+ * Added Avada Theme compatibility
62
+ * Added Bridge - Creative Multi-Purpose WordPress Theme compatibility
63
+ * Added Flatco - Multipurpose & Responsive WordPress Theme compatibility
64
+ * Improve CSS Editor UI
65
+
66
+ = 2.2.5 =
67
+ * [Fixed](https://wordpress.org/support/topic/avada-theme-5) Avada Theme Fusion Page Builder incompatibility issue
68
+ * [Fixed](https://wordpress.org/support/topic/good-morning-1) Contact form 7 shortcode detection for Flatco - Multipurpose & Responsive WordPress Theme
69
+ * Improve plugin installer process
70
+
71
+
72
+ = 2.2.4 =
73
+ * New feature - ability to add your own custom css rules
74
+ * [Fixed](https://wordpress.org/support/topic/textarea-height-and-submit-width) textarea and submit button on focus issue
75
+
76
+ = 2.2.3 =
77
+ * [Fixed](https://wordpress.org/support/topic/style-doesnt-apply-to-an-existing-form) simple template style issue
78
+
79
+ = 2.2.2 =
80
+ * Minor JQuery fixes for newer wordpress version
81
+ * Fixed custom style for textarea selector
82
+ * Admin panel minor adjustments
83
+
84
+ = 2.2.1 =
85
+ * New feature - textarea field additional options
86
+ * [Fixed](https://wordpress.org/support/topic/field-style-issue?replies=6) textarea field style issue
87
+
88
+ = 2.2 =
89
+ * Fixed Chrome preview problem
90
+ * Removed unnecessary elements from nav menus
91
+ * Fixed custom style no title problem
92
+ * [Fixed](https://wordpress.org/support/topic/custom-style-is-not-working?replies=6) css class generator
93
+ * New feature - Added quick edit
94
+ * New feature - Added new simple pattern style category with Twenty Fifteen Pattern
95
+
96
+ = 2.1.1 =
97
+ * Minor JQuery fixes for older wordpress version
98
+
99
+ = 2.1 =
100
+ * New feature - Google fonts preview when edit the style
101
+ * New feature - List all styles thumbnail preview for predefined templates
102
+
103
+ = 2.0.1 =
104
+ * Admin panel minor adjustments
105
+
106
+ = 2.0 =
107
+ * New UI Admin settings options
108
+ * Use custom post type for individual style set up
109
+ * Multiple cf7 forms can have their own style
110
+ * Style can be activated only for certain cf7 forms
111
+ * All google fonts available for use
112
+ * Styling improvement for theme twentyfifteen, twentyfourteen
113
+ * New settings available
114
+ * Possibility to change certain settings for the "custom style" styles
115
+ * Style filtering by categories for easier use
116
+ * Possibility to save your settings and import / export the generated "custom style"
117
+ * Donate option for support the plugin's continued development and better user support
118
+
119
+ = 1.1.1 =
120
+ * Added plugin update notification in plugin template selection panel
121
+
122
+ = 1.1.0 =
123
+ * Added Valentine's Day templates for 2014.
124
+ * Fixed Xmas Red header and footer position
125
+ * Added Custom Style submenu for styling the templates
126
+
127
+ = 1.0.1 =
128
+ * Fixed x-mas classic display on 2014 wordpress theme.
129
+
130
+ = 1.0 =
131
+ * First plugin version.
132
+
133
+ == Upgrade Notice ==
134
+ = Contact Form 7 Style Version 2.2.8 =
135
+ * Optimize responsive view for predefined templates on mobile devices
136
+ * Added Invitora WordPress Theme compatibility
137
+ * Added support for special characters and fixed bugs