Strong Testimonials - Version 2.31.9

Version Description

  • July 17, 2018 =
  • Fix compatbility issue with Gutenberg.
  • Fix bug in average rating calculation.
  • Fix CSS columns for recent browser updates.
  • Fix bug in lazy-loading compatibility option.
  • Improve theme compatibility.
  • Add filter on form submit button CSS class.
Download this release

Release Info

Developer cdillon27
Plugin Icon 128x128 Strong Testimonials
Version 2.31.9
Comparing to
See all releases

Code changes from version 2.31.8 to 2.31.9

Files changed (22) hide show
  1. admin/about/whats-new.php +4 -1
  2. admin/settings/class-strong-testimonials-settings-compat.php +44 -11
  3. includes/class-strong-testimonials-shortcode-average.php +4 -6
  4. includes/class-strong-view-display.php +9 -0
  5. includes/class-strong-view-form.php +11 -0
  6. includes/class-strong-view-slideshow.php +11 -0
  7. includes/functions-template-form.php +1 -1
  8. public/css/columns.css +11 -21
  9. public/css/rating-display.css +4 -0
  10. readme.txt +12 -1
  11. strong-testimonials.php +2 -2
  12. templates-scss/_mixins/_testimonial.scss +19 -27
  13. templates-scss/_partials/_base.scss +7 -6
  14. templates-scss/bold/content.scss +6 -9
  15. templates-scss/default/content.scss +3 -1
  16. templates-scss/modern/content.scss +4 -8
  17. templates-scss/small-widget/content.scss +0 -1
  18. templates/bold/content.css +26 -14
  19. templates/default/content.css +9 -9
  20. templates/modern/content.css +10 -9
  21. templates/simple/content.css +8 -6
  22. templates/small-widget/content.css +8 -7
admin/about/whats-new.php CHANGED
@@ -1,7 +1,7 @@
1
 
2
  <h2>Now Even Stronger</h2>
3
 
4
- <p class="lead-description">Version 2.31 adds a highly requested feature and two more compatibility options.</p>
5
 
6
  <div class="feature-section one-col">
7
  <div class="col">
@@ -23,6 +23,9 @@
23
  <li>Version 2.31.4</li>
24
  <li>Version 2.31.5</li>
25
  <li>Version 2.31.6</li>
 
 
 
26
  </ul>
27
 
28
  </div>
1
 
2
  <h2>Now Even Stronger</h2>
3
 
4
+ <p class="lead-description">Version 2.31 adds a highly requested feature and improves compatibility.</p>
5
 
6
  <div class="feature-section one-col">
7
  <div class="col">
23
  <li>Version 2.31.4</li>
24
  <li>Version 2.31.5</li>
25
  <li>Version 2.31.6</li>
26
+ <li>Version 2.31.7</li>
27
+ <li>Version 2.31.8</li>
28
+ <li>Version 2.31.9</li>
29
  </ul>
30
 
31
  </div>
admin/settings/class-strong-testimonials-settings-compat.php CHANGED
@@ -82,7 +82,7 @@ class Strong_Testimonials_Settings_Compat {
82
  if ( 'general' == $input['page_loading'] ) {
83
  $input['prerender'] = 'all';
84
  $input['ajax']['method'] = 'universal';
85
- }else {
86
  $input['prerender'] = sanitize_text_field( $input['prerender'] );
87
  $input['ajax']['method'] = sanitize_text_field( $input['ajax']['method'] );
88
  }
@@ -96,18 +96,51 @@ class Strong_Testimonials_Settings_Compat {
96
 
97
  $input['controller']['initialize_on'] = sanitize_text_field( $input['controller']['initialize_on'] );
98
 
99
- $input['lazyload']['enabled'] = wpmtst_sanitize_checkbox( $input['lazyload'], 'enabled' );
100
- // may be multiple pairs
101
- if ( isset( $input['lazyload']['classes'] ) ) {
102
- foreach ( $input['lazyload']['classes'] as $key => $classes ) {
103
- if ( $classes['start'] || $classes['finish'] ) {
104
- $input['lazyload']['classes'][ $key ]['start'] = str_replace( '.', '', sanitize_text_field( $classes['start'] ) );
105
- $input['lazyload']['classes'][ $key ]['finish'] = str_replace( '.', '', sanitize_text_field( $classes['finish'] ) );
106
- }
107
- else {
108
- unset( $input['lazyload']['classes'][ $key ] );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
109
  }
 
 
 
 
 
110
  }
 
111
  }
112
 
113
  return $input;
82
  if ( 'general' == $input['page_loading'] ) {
83
  $input['prerender'] = 'all';
84
  $input['ajax']['method'] = 'universal';
85
+ } else {
86
  $input['prerender'] = sanitize_text_field( $input['prerender'] );
87
  $input['ajax']['method'] = sanitize_text_field( $input['ajax']['method'] );
88
  }
96
 
97
  $input['controller']['initialize_on'] = sanitize_text_field( $input['controller']['initialize_on'] );
98
 
99
+ // FIXME: Special handling until proper use of default values in v3.0
100
+ $default = array(
101
+ 'enabled' => false,
102
+ 'classes' => array(
103
+ array(
104
+ 'start' => '',
105
+ 'finish' => '',
106
+ ),
107
+ ),
108
+ );
109
+
110
+ if ( ! isset( $input['lazyload'] ) ) {
111
+
112
+ $input['lazyload'] = $default;
113
+
114
+ } else {
115
+
116
+ $input['lazyload']['enabled'] = wpmtst_sanitize_checkbox( $input['lazyload'], 'enabled' );
117
+
118
+ if ( isset( $input['lazyload']['classes'] ) && $input['lazyload']['classes'] ) {
119
+
120
+ // May be multiple pairs.
121
+ foreach ( $input['lazyload']['classes'] as $key => $classes ) {
122
+
123
+ // Sanitize classes or remove empty pairs.
124
+ // Reduce multiple empty pairs down to default value of single empty pair.
125
+ if ( $classes['start'] || $classes['finish'] ) {
126
+ $input['lazyload']['classes'][ $key ]['start'] = str_replace( '.', '', sanitize_text_field( $classes['start'] ) );
127
+ $input['lazyload']['classes'][ $key ]['finish'] = str_replace( '.', '', sanitize_text_field( $classes['finish'] ) );
128
+ } else {
129
+ unset( $input['lazyload']['classes'][$key] );
130
+ }
131
+
132
+ if ( ! count( $input['lazyload']['classes'] ) ) {
133
+ $input['lazyload'] = $default;
134
+ }
135
+
136
  }
137
+
138
+ } else {
139
+
140
+ $input['lazyload'] = $default['classes'];
141
+
142
  }
143
+
144
  }
145
 
146
  return $input;
includes/class-strong-testimonials-shortcode-average.php CHANGED
@@ -251,12 +251,10 @@ class Strong_Testimonials_Average_Shortcode {
251
  $rating_field = $this->find_first_rating_field();
252
 
253
  if ( $rating_field ) {
254
- $possible = array(
255
- intval( get_post_meta( $post->ID, $rating_field['name'], true ) ),
256
- $rating_field['default_display_value'],
257
- 0
258
- );
259
- $rating = max( $possible );
260
  } else {
261
  $rating = 5;
262
  }
251
  $rating_field = $this->find_first_rating_field();
252
 
253
  if ( $rating_field ) {
254
+ $rating = intval( get_post_meta( $post->ID, $rating_field['name'], true ) );
255
+ if ( ! $rating ) {
256
+ $rating = intval( $rating_field['default_display_value'] );
257
+ }
 
 
258
  } else {
259
  $rating = 5;
260
  }
includes/class-strong-view-display.php CHANGED
@@ -158,11 +158,20 @@ class Strong_View_Display extends Strong_View {
158
 
159
  } else {
160
 
 
 
 
 
 
 
 
161
  ob_start();
162
  /** @noinspection PhpIncludeInspection */
163
  include( $this->template_file );
164
  $html = ob_get_clean();
165
 
 
 
166
  }
167
 
168
  /**
158
 
159
  } else {
160
 
161
+ /**
162
+ * Gutenberg. Yay.
163
+ * @since 2.31.9
164
+ */
165
+ global $post;
166
+ $post_before = $post;
167
+
168
  ob_start();
169
  /** @noinspection PhpIncludeInspection */
170
  include( $this->template_file );
171
  $html = ob_get_clean();
172
 
173
+ $post = $post_before;
174
+
175
  }
176
 
177
  /**
includes/class-strong-view-form.php CHANGED
@@ -116,10 +116,21 @@ class Strong_View_Form extends Strong_View {
116
  if ( has_filter( 'wpmtst_render_view_template' ) ) {
117
  $html = apply_filters( 'wpmtst_render_view_template', '', $this );
118
  } else {
 
 
 
 
 
 
 
 
119
  ob_start();
120
  /** @noinspection PhpIncludeInspection */
121
  include( $this->template_file );
122
  $html = ob_get_clean();
 
 
 
123
  }
124
  // TODO apply content filters
125
 
116
  if ( has_filter( 'wpmtst_render_view_template' ) ) {
117
  $html = apply_filters( 'wpmtst_render_view_template', '', $this );
118
  } else {
119
+
120
+ /**
121
+ * Gutenberg. Yay.
122
+ * @since 2.31.9
123
+ */
124
+ global $post;
125
+ $post_before = $post;
126
+
127
  ob_start();
128
  /** @noinspection PhpIncludeInspection */
129
  include( $this->template_file );
130
  $html = ob_get_clean();
131
+
132
+ $post = $post_before;
133
+
134
  }
135
  // TODO apply content filters
136
 
includes/class-strong-view-slideshow.php CHANGED
@@ -90,10 +90,21 @@ class Strong_View_Slideshow extends Strong_View_Display {
90
  if ( has_filter( 'wpmtst_render_view_template' ) ) {
91
  $html = apply_filters( 'wpmtst_render_view_template', '', $this );
92
  } else {
 
 
 
 
 
 
 
 
93
  ob_start();
94
  /** @noinspection PhpIncludeInspection */
95
  include( $this->template_file );
96
  $html = ob_get_clean();
 
 
 
97
  }
98
 
99
  /**
90
  if ( has_filter( 'wpmtst_render_view_template' ) ) {
91
  $html = apply_filters( 'wpmtst_render_view_template', '', $this );
92
  } else {
93
+
94
+ /**
95
+ * Gutenberg. Yay.
96
+ * @since 2.31.9
97
+ */
98
+ global $post;
99
+ $post_before = $post;
100
+
101
  ob_start();
102
  /** @noinspection PhpIncludeInspection */
103
  include( $this->template_file );
104
  $html = ob_get_clean();
105
+
106
+ $post = $post_before;
107
+
108
  }
109
 
110
  /**
includes/functions-template-form.php CHANGED
@@ -478,7 +478,7 @@ function wpmtst_form_captcha_invisible() {
478
  function wpmtst_form_submit_button( $preview = false ) {
479
  ?>
480
  <div class="form-field wpmtst-submit">
481
- <label><input type="<?php echo $preview ? 'button' : 'submit'; ?>" id="wpmtst_submit_testimonial" name="wpmtst_submit_testimonial" value="<?php esc_attr_e( wpmtst_get_form_message( 'form-submit-button' ) ); ?>" class="button" tabindex="0"></label>
482
  </div>
483
  <?php
484
  }
478
  function wpmtst_form_submit_button( $preview = false ) {
479
  ?>
480
  <div class="form-field wpmtst-submit">
481
+ <label><input type="<?php echo $preview ? 'button' : 'submit'; ?>" id="wpmtst_submit_testimonial" name="wpmtst_submit_testimonial" value="<?php esc_attr_e( wpmtst_get_form_message( 'form-submit-button' ) ); ?>" class="<?php echo esc_attr( apply_filters( 'wpmtst_submit_button_class', 'button' ) ); ?>" tabindex="0"></label>
482
  </div>
483
  <?php
484
  }
public/css/columns.css CHANGED
@@ -1,17 +1,10 @@
1
  /**
2
- * Column layout for any template.
3
- *
4
- * Using CSS multi-column.
5
- *
6
- * Browser support for multi-column as of Dec-2015: USA = 95%, Global = 95%
7
- * according to http://caniuse.com/#search=column.
8
- *
9
- * Thanks to http://css-tricks.com/guide-responsive-friendly-css-columns/
10
  */
11
 
12
- /*----------------------------------------------------------
13
  * global
14
- *----------------------------------------------------------*/
15
  .strong-content.strong-columns {
16
  display: block;
17
 
@@ -30,41 +23,38 @@
30
  -webkit-column-break-inside: avoid;
31
  page-break-inside: avoid;
32
  break-inside: avoid;
33
- /* to prevent overflowing margins */
34
- display: inline-block;
35
- position: relative;
36
  }
37
 
38
- /*----------------------------------------------------------
39
  * 2 columns
40
- *----------------------------------------------------------*/
41
  .strong-content.strong-columns.columns-2 {
42
  -webkit-column-count: 2;
43
  -moz-column-count: 2;
44
  column-count: 2;
45
  }
46
 
47
- /*----------------------------------------------------------
48
  * 3 columns
49
- *---------------------------------------------------------*/
50
  .strong-content.strong-columns.columns-3 {
51
  -webkit-column-count: 3;
52
  -moz-column-count: 3;
53
  column-count: 3;
54
  }
55
 
56
- /*----------------------------------------------------------
57
  * 4 columns
58
- *----------------------------------------------------------*/
59
  .strong-content.strong-columns.columns-4 {
60
  -webkit-column-count: 4;
61
  -moz-column-count: 4;
62
  column-count: 4;
63
  }
64
 
65
- /*----------------------------------------------------------
66
  * responsive
67
- *----------------------------------------------------------*/
68
  @media screen and (max-width: 667px) {
69
  .strong-content.strong-columns {
70
  -webkit-column-count: 1;
1
  /**
2
+ * Column layout for any template using CSS multi-column.
 
 
 
 
 
 
 
3
  */
4
 
5
+ /*
6
  * global
7
+ */
8
  .strong-content.strong-columns {
9
  display: block;
10
 
23
  -webkit-column-break-inside: avoid;
24
  page-break-inside: avoid;
25
  break-inside: avoid;
 
 
 
26
  }
27
 
28
+ /*
29
  * 2 columns
30
+ */
31
  .strong-content.strong-columns.columns-2 {
32
  -webkit-column-count: 2;
33
  -moz-column-count: 2;
34
  column-count: 2;
35
  }
36
 
37
+ /*
38
  * 3 columns
39
+ */
40
  .strong-content.strong-columns.columns-3 {
41
  -webkit-column-count: 3;
42
  -moz-column-count: 3;
43
  column-count: 3;
44
  }
45
 
46
+ /*
47
  * 4 columns
48
+ */
49
  .strong-content.strong-columns.columns-4 {
50
  -webkit-column-count: 4;
51
  -moz-column-count: 4;
52
  column-count: 4;
53
  }
54
 
55
+ /*
56
  * responsive
57
+ */
58
  @media screen and (max-width: 667px) {
59
  .strong-content.strong-columns {
60
  -webkit-column-count: 1;
public/css/rating-display.css CHANGED
@@ -44,6 +44,10 @@
44
 
45
  .strong-rating span.star {
46
  display: inline-block;
 
 
 
 
47
  }
48
 
49
  .strong-rating span.star:before {
44
 
45
  .strong-rating span.star {
46
  display: inline-block;
47
+ margin: 0;
48
+ max-height: none;
49
+ max-width: none;
50
+ padding: 0;
51
  }
52
 
53
  .strong-rating span.star:before {
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: testimonials, testimonial slider, testimonial form, reviews, star ratings
4
  Requires at least: 3.7
5
  Requires PHP: 5.2.4
6
  Tested up to: 4.9.6
7
- Stable tag: 2.31.8
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -211,6 +211,14 @@ If you prefer, start a private support ticket at [support.strongplugins.com](htt
211
 
212
  == Changelog ==
213
 
 
 
 
 
 
 
 
 
214
  = 2.31.8 - June 16, 2018 =
215
  * Fix "wait" spinner in unstyled form template.
216
  * On forms, only show required symbol if field label is shown.
@@ -327,3 +335,6 @@ Fix XSS security vulnerabilities.
327
 
328
  = 2.31.8 =
329
  Minor improvements to forms and inline style.
 
 
 
4
  Requires at least: 3.7
5
  Requires PHP: 5.2.4
6
  Tested up to: 4.9.6
7
+ Stable tag: 2.31.9
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
211
 
212
  == Changelog ==
213
 
214
+ = 2.31.9 - July 17, 2018 =
215
+ * Fix compatbility issue with Gutenberg.
216
+ * Fix bug in average rating calculation.
217
+ * Fix CSS columns for recent browser updates.
218
+ * Fix bug in lazy-loading compatibility option.
219
+ * Improve theme compatibility.
220
+ * Add filter on form submit button CSS class.
221
+
222
  = 2.31.8 - June 16, 2018 =
223
  * Fix "wait" spinner in unstyled form template.
224
  * On forms, only show required symbol if field label is shown.
335
 
336
  = 2.31.8 =
337
  Minor improvements to forms and inline style.
338
+
339
+ = 2.31.9 =
340
+ Fix conflict with Gutenberg. Improve theme compatibility.
strong-testimonials.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin URI: https://strongplugins.com/plugins/strong-testimonials/
5
  * Description: Collect and display your testimonials or reviews.
6
  * Author: Chris Dillon
7
- * Version: 2.31.8
8
  *
9
  * Author URI: https://strongplugins.com/
10
  * Text Domain: strong-testimonials
@@ -34,7 +34,7 @@ if ( ! defined( 'ABSPATH' ) ) {
34
  exit;
35
  }
36
 
37
- define( 'WPMTST_VERSION', '2.31.8' );
38
  define( 'WPMTST_PLUGIN', plugin_basename( __FILE__ ) ); // strong-testimonials/strong-testimonials.php
39
  define( 'WPMTST', dirname( WPMTST_PLUGIN ) ); // strong-testimonials
40
  define( 'STRONGPLUGINS_STORE_URL', 'https://strongplugins.com' );
4
  * Plugin URI: https://strongplugins.com/plugins/strong-testimonials/
5
  * Description: Collect and display your testimonials or reviews.
6
  * Author: Chris Dillon
7
+ * Version: 2.31.9
8
  *
9
  * Author URI: https://strongplugins.com/
10
  * Text Domain: strong-testimonials
34
  exit;
35
  }
36
 
37
+ define( 'WPMTST_VERSION', '2.31.9' );
38
  define( 'WPMTST_PLUGIN', plugin_basename( __FILE__ ) ); // strong-testimonials/strong-testimonials.php
39
  define( 'WPMTST', dirname( WPMTST_PLUGIN ) ); // strong-testimonials
40
  define( 'STRONGPLUGINS_STORE_URL', 'https://strongplugins.com' );
templates-scss/_mixins/_testimonial.scss CHANGED
@@ -1,35 +1,27 @@
1
  @mixin no-top-bottom-margin {
2
- &:first-child {
3
- margin-top: 0;
4
- }
5
- &:last-child {
6
- margin-bottom: 0;
7
- }
8
- }
9
-
10
- @mixin testimonial {
11
- margin: 20px auto;
12
- padding: 0;
13
- text-align: left;
14
- width: 100%;
15
- @include no-top-bottom-margin;
16
  }
17
 
18
  @mixin paragraphs {
19
- p {
20
- &:first-of-type {
21
- margin-top: 0;
22
- padding-top: 0;
23
- }
24
- &:last-of-type {
25
- margin-bottom: 0;
26
- padding-bottom: 0;
27
- }
28
- }
29
  }
30
 
31
  @mixin readmore-page {
32
- margin-top: 20px;
33
- padding: 1em;
34
- text-align: center;
35
  }
1
  @mixin no-top-bottom-margin {
2
+ &:first-child {
3
+ margin-top: 0;
4
+ }
5
+ &:last-child {
6
+ margin-bottom: 0;
7
+ }
 
 
 
 
 
 
 
 
8
  }
9
 
10
  @mixin paragraphs {
11
+ p {
12
+ &:first-of-type {
13
+ margin-top: 0;
14
+ padding-top: 0;
15
+ }
16
+ &:last-of-type {
17
+ margin-bottom: 0;
18
+ padding-bottom: 0;
19
+ }
20
+ }
21
  }
22
 
23
  @mixin readmore-page {
24
+ margin-top: 20px;
25
+ padding: 1em;
26
+ text-align: center;
27
  }
templates-scss/_partials/_base.scss CHANGED
@@ -1,15 +1,19 @@
1
- /* Base
2
  -----------------------------------------------*/
3
  .strong-view.#{$template} {
4
  display: block;
5
- /* setting a width handles short content */
6
  width: 100%;
7
 
8
- * {
9
  box-sizing: border-box;
10
  }
11
 
12
  .testimonial {
 
 
 
 
 
13
  &.t-slide {
14
  margin-top: 0;
15
  margin-bottom: 0;
@@ -18,7 +22,6 @@
18
 
19
  .testimonial-inner {
20
  display: block;
21
- /* fill horizontal & vertical space */
22
  width: 100%;
23
  height: 100%;
24
  }
@@ -38,13 +41,11 @@
38
  }
39
 
40
  .screen-reader-text {
41
- /* copied from Twenty Sixteen theme */
42
  clip: rect(1px, 1px, 1px, 1px);
43
  height: 1px;
44
  overflow: hidden;
45
  position: absolute !important;
46
  width: 1px;
47
- /* many screen reader and browser combinations announce broken words as they would appear visually */
48
  word-wrap: normal !important;
49
  }
50
  }
1
+ /* Base
2
  -----------------------------------------------*/
3
  .strong-view.#{$template} {
4
  display: block;
 
5
  width: 100%;
6
 
7
+ div {
8
  box-sizing: border-box;
9
  }
10
 
11
  .testimonial {
12
+ max-height: none;
13
+ max-width: none;
14
+ padding: 0;
15
+ width: 100%;
16
+
17
  &.t-slide {
18
  margin-top: 0;
19
  margin-bottom: 0;
22
 
23
  .testimonial-inner {
24
  display: block;
 
25
  width: 100%;
26
  height: 100%;
27
  }
41
  }
42
 
43
  .screen-reader-text {
 
44
  clip: rect(1px, 1px, 1px, 1px);
45
  height: 1px;
46
  overflow: hidden;
47
  position: absolute !important;
48
  width: 1px;
 
49
  word-wrap: normal !important;
50
  }
51
  }
templates-scss/bold/content.scss CHANGED
@@ -13,26 +13,21 @@ $template: bold;
13
 
14
  .testimonial {
15
  margin-bottom: 1em;
16
- padding: 0; // theme compat
17
  text-align: center;
18
- width: 100%;
19
  }
20
 
21
  .testimonial-inner {
22
- // custom background color is applied here
23
  padding: 20px;
24
  border-radius: 3px;
25
  }
26
 
27
- .testimonial-content {
28
- @include paragraphs;
29
- }
30
-
31
  .testimonial-content {
32
  background: inherit; // theme compat
33
  font-size: 2em;
34
  line-height: 1.3;
35
  padding: 0; // theme compat
 
36
  }
37
 
38
  .testimonial-image {
@@ -88,6 +83,7 @@ $template: bold;
88
  .strong-content {
89
  margin: 0 auto;
90
  }
 
91
  .testimonial:not(:first-child) {
92
  display: none;
93
  }
@@ -109,8 +105,9 @@ $template: bold;
109
  -----------------------------------------------*/
110
  @media only screen and (max-width: 640px) {
111
  .strong-view.#{$template} {
112
- .testimonial-inner {
113
- //padding: 20px 0;
 
114
  }
115
  }
116
  }
13
 
14
  .testimonial {
15
  margin-bottom: 1em;
 
16
  text-align: center;
17
+ @include no-top-bottom-margin;
18
  }
19
 
20
  .testimonial-inner {
 
21
  padding: 20px;
22
  border-radius: 3px;
23
  }
24
 
 
 
 
 
25
  .testimonial-content {
26
  background: inherit; // theme compat
27
  font-size: 2em;
28
  line-height: 1.3;
29
  padding: 0; // theme compat
30
+ @include paragraphs;
31
  }
32
 
33
  .testimonial-image {
83
  .strong-content {
84
  margin: 0 auto;
85
  }
86
+
87
  .testimonial:not(:first-child) {
88
  display: none;
89
  }
105
  -----------------------------------------------*/
106
  @media only screen and (max-width: 640px) {
107
  .strong-view.#{$template} {
108
+ .testimonial-content {
109
+ font-size: 1.5em;
110
+ line-height: 1.2;
111
  }
112
  }
113
  }
templates-scss/default/content.scss CHANGED
@@ -16,8 +16,10 @@ $template: default;
16
  }
17
 
18
  .testimonial {
19
- @include testimonial;
20
  border: 1px solid #E6E6E6;
 
 
 
21
  }
22
 
23
  .testimonial-inner {
16
  }
17
 
18
  .testimonial {
 
19
  border: 1px solid #E6E6E6;
20
+ margin: 20px auto;
21
+ text-align: left;
22
+ @include no-top-bottom-margin;
23
  }
24
 
25
  .testimonial-inner {
templates-scss/modern/content.scss CHANGED
@@ -11,13 +11,9 @@ $template: modern;
11
  /* Template
12
  -----------------------------------------------*/
13
  .strong-view.#{$template} {
14
- .strong-content {
15
- }
16
-
17
  .testimonial {
18
- @include no-top-bottom-margin;
19
  margin: 20px auto;
20
- width: 100%;
21
  }
22
 
23
  .testimonial-inner {
@@ -31,12 +27,12 @@ $template: modern;
31
  }
32
 
33
  .testimonial-content {
34
- @include paragraphs;
35
- margin: 0 56px;
36
  font-size: 1.3em;
37
  font-style: italic;
38
- text-align: center;
39
  position: relative;
 
 
40
  }
41
 
42
  .testimonial-content:before,
11
  /* Template
12
  -----------------------------------------------*/
13
  .strong-view.#{$template} {
 
 
 
14
  .testimonial {
 
15
  margin: 20px auto;
16
+ @include no-top-bottom-margin;
17
  }
18
 
19
  .testimonial-inner {
27
  }
28
 
29
  .testimonial-content {
 
 
30
  font-size: 1.3em;
31
  font-style: italic;
32
+ margin: 0 56px;
33
  position: relative;
34
+ text-align: center;
35
+ @include paragraphs;
36
  }
37
 
38
  .testimonial-content:before,
templates-scss/small-widget/content.scss CHANGED
@@ -15,7 +15,6 @@ $template: small-widget;
15
 
16
  .testimonial {
17
  margin-bottom: 1em;
18
- width: 100%;
19
  }
20
 
21
  .testimonial-inner {
15
 
16
  .testimonial {
17
  margin-bottom: 1em;
 
18
  }
19
 
20
  .testimonial-inner {
templates/bold/content.css CHANGED
@@ -24,23 +24,27 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
24
  overflow: hidden;
25
  }
26
 
27
- /* Base
28
  -----------------------------------------------*/
29
  .strong-view.bold {
30
  display: block;
31
- /* setting a width handles short content */
32
  width: 100%;
33
  }
34
- .strong-view.bold * {
35
  box-sizing: border-box;
36
  }
 
 
 
 
 
 
37
  .strong-view.bold .testimonial.t-slide {
38
  margin-top: 0;
39
  margin-bottom: 0;
40
  }
41
  .strong-view.bold .testimonial-inner {
42
  display: block;
43
- /* fill horizontal & vertical space */
44
  width: 100%;
45
  height: 100%;
46
  }
@@ -55,13 +59,11 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
55
  opacity: 1;
56
  }
57
  .strong-view .screen-reader-text {
58
- /* copied from Twenty Sixteen theme */
59
  clip: rect(1px, 1px, 1px, 1px);
60
  height: 1px;
61
  overflow: hidden;
62
  position: absolute !important;
63
  width: 1px;
64
- /* many screen reader and browser combinations announce broken words as they would appear visually */
65
  word-wrap: normal !important;
66
  }
67
 
@@ -70,14 +72,24 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
70
  }
71
  .strong-view.bold .testimonial {
72
  margin-bottom: 1em;
73
- padding: 0;
74
  text-align: center;
75
- width: 100%;
 
 
 
 
 
76
  }
77
  .strong-view.bold .testimonial-inner {
78
  padding: 20px;
79
  border-radius: 3px;
80
  }
 
 
 
 
 
 
81
  .strong-view.bold .testimonial-content p:first-of-type {
82
  margin-top: 0;
83
  padding-top: 0;
@@ -86,12 +98,6 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
86
  margin-bottom: 0;
87
  padding-bottom: 0;
88
  }
89
- .strong-view.bold .testimonial-content {
90
- background: inherit;
91
- font-size: 2em;
92
- line-height: 1.3;
93
- padding: 0;
94
- }
95
  .strong-view.bold .testimonial-image {
96
  margin: 0 auto 20px;
97
  }
@@ -217,3 +223,9 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
217
 
218
  /* Responsive
219
  -----------------------------------------------*/
 
 
 
 
 
 
24
  overflow: hidden;
25
  }
26
 
27
+ /* Base
28
  -----------------------------------------------*/
29
  .strong-view.bold {
30
  display: block;
 
31
  width: 100%;
32
  }
33
+ .strong-view.bold div {
34
  box-sizing: border-box;
35
  }
36
+ .strong-view.bold .testimonial {
37
+ max-height: none;
38
+ max-width: none;
39
+ padding: 0;
40
+ width: 100%;
41
+ }
42
  .strong-view.bold .testimonial.t-slide {
43
  margin-top: 0;
44
  margin-bottom: 0;
45
  }
46
  .strong-view.bold .testimonial-inner {
47
  display: block;
 
48
  width: 100%;
49
  height: 100%;
50
  }
59
  opacity: 1;
60
  }
61
  .strong-view .screen-reader-text {
 
62
  clip: rect(1px, 1px, 1px, 1px);
63
  height: 1px;
64
  overflow: hidden;
65
  position: absolute !important;
66
  width: 1px;
 
67
  word-wrap: normal !important;
68
  }
69
 
72
  }
73
  .strong-view.bold .testimonial {
74
  margin-bottom: 1em;
 
75
  text-align: center;
76
+ }
77
+ .strong-view.bold .testimonial:first-child {
78
+ margin-top: 0;
79
+ }
80
+ .strong-view.bold .testimonial:last-child {
81
+ margin-bottom: 0;
82
  }
83
  .strong-view.bold .testimonial-inner {
84
  padding: 20px;
85
  border-radius: 3px;
86
  }
87
+ .strong-view.bold .testimonial-content {
88
+ background: inherit;
89
+ font-size: 2em;
90
+ line-height: 1.3;
91
+ padding: 0;
92
+ }
93
  .strong-view.bold .testimonial-content p:first-of-type {
94
  margin-top: 0;
95
  padding-top: 0;
98
  margin-bottom: 0;
99
  padding-bottom: 0;
100
  }
 
 
 
 
 
 
101
  .strong-view.bold .testimonial-image {
102
  margin: 0 auto 20px;
103
  }
223
 
224
  /* Responsive
225
  -----------------------------------------------*/
226
+ @media only screen and (max-width: 640px) {
227
+ .strong-view.bold .testimonial-content {
228
+ font-size: 1.5em;
229
+ line-height: 1.2;
230
+ }
231
+ }
templates/default/content.css CHANGED
@@ -24,23 +24,27 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
24
  overflow: hidden;
25
  }
26
 
27
- /* Base
28
  -----------------------------------------------*/
29
  .strong-view.default {
30
  display: block;
31
- /* setting a width handles short content */
32
  width: 100%;
33
  }
34
- .strong-view.default * {
35
  box-sizing: border-box;
36
  }
 
 
 
 
 
 
37
  .strong-view.default .testimonial.t-slide {
38
  margin-top: 0;
39
  margin-bottom: 0;
40
  }
41
  .strong-view.default .testimonial-inner {
42
  display: block;
43
- /* fill horizontal & vertical space */
44
  width: 100%;
45
  height: 100%;
46
  }
@@ -55,13 +59,11 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
55
  opacity: 1;
56
  }
57
  .strong-view .screen-reader-text {
58
- /* copied from Twenty Sixteen theme */
59
  clip: rect(1px, 1px, 1px, 1px);
60
  height: 1px;
61
  overflow: hidden;
62
  position: absolute !important;
63
  width: 1px;
64
- /* many screen reader and browser combinations announce broken words as they would appear visually */
65
  word-wrap: normal !important;
66
  }
67
 
@@ -71,11 +73,9 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
71
  margin: 20px auto 0;
72
  }
73
  .strong-view.default .testimonial {
 
74
  margin: 20px auto;
75
- padding: 0;
76
  text-align: left;
77
- width: 100%;
78
- border: 1px solid #E6E6E6;
79
  }
80
  .strong-view.default .testimonial:first-child {
81
  margin-top: 0;
24
  overflow: hidden;
25
  }
26
 
27
+ /* Base
28
  -----------------------------------------------*/
29
  .strong-view.default {
30
  display: block;
 
31
  width: 100%;
32
  }
33
+ .strong-view.default div {
34
  box-sizing: border-box;
35
  }
36
+ .strong-view.default .testimonial {
37
+ max-height: none;
38
+ max-width: none;
39
+ padding: 0;
40
+ width: 100%;
41
+ }
42
  .strong-view.default .testimonial.t-slide {
43
  margin-top: 0;
44
  margin-bottom: 0;
45
  }
46
  .strong-view.default .testimonial-inner {
47
  display: block;
 
48
  width: 100%;
49
  height: 100%;
50
  }
59
  opacity: 1;
60
  }
61
  .strong-view .screen-reader-text {
 
62
  clip: rect(1px, 1px, 1px, 1px);
63
  height: 1px;
64
  overflow: hidden;
65
  position: absolute !important;
66
  width: 1px;
 
67
  word-wrap: normal !important;
68
  }
69
 
73
  margin: 20px auto 0;
74
  }
75
  .strong-view.default .testimonial {
76
+ border: 1px solid #E6E6E6;
77
  margin: 20px auto;
 
78
  text-align: left;
 
 
79
  }
80
  .strong-view.default .testimonial:first-child {
81
  margin-top: 0;
templates/modern/content.css CHANGED
@@ -24,23 +24,27 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
24
  overflow: hidden;
25
  }
26
 
27
- /* Base
28
  -----------------------------------------------*/
29
  .strong-view.modern {
30
  display: block;
31
- /* setting a width handles short content */
32
  width: 100%;
33
  }
34
- .strong-view.modern * {
35
  box-sizing: border-box;
36
  }
 
 
 
 
 
 
37
  .strong-view.modern .testimonial.t-slide {
38
  margin-top: 0;
39
  margin-bottom: 0;
40
  }
41
  .strong-view.modern .testimonial-inner {
42
  display: block;
43
- /* fill horizontal & vertical space */
44
  width: 100%;
45
  height: 100%;
46
  }
@@ -55,13 +59,11 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
55
  opacity: 1;
56
  }
57
  .strong-view .screen-reader-text {
58
- /* copied from Twenty Sixteen theme */
59
  clip: rect(1px, 1px, 1px, 1px);
60
  height: 1px;
61
  overflow: hidden;
62
  position: absolute !important;
63
  width: 1px;
64
- /* many screen reader and browser combinations announce broken words as they would appear visually */
65
  word-wrap: normal !important;
66
  }
67
 
@@ -69,7 +71,6 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
69
  -----------------------------------------------*/
70
  .strong-view.modern .testimonial {
71
  margin: 20px auto;
72
- width: 100%;
73
  }
74
  .strong-view.modern .testimonial:first-child {
75
  margin-top: 0;
@@ -86,11 +87,11 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
86
  margin-top: 0;
87
  }
88
  .strong-view.modern .testimonial-content {
89
- margin: 0 56px;
90
  font-size: 1.3em;
91
  font-style: italic;
92
- text-align: center;
93
  position: relative;
 
94
  }
95
  .strong-view.modern .testimonial-content p:first-of-type {
96
  margin-top: 0;
24
  overflow: hidden;
25
  }
26
 
27
+ /* Base
28
  -----------------------------------------------*/
29
  .strong-view.modern {
30
  display: block;
 
31
  width: 100%;
32
  }
33
+ .strong-view.modern div {
34
  box-sizing: border-box;
35
  }
36
+ .strong-view.modern .testimonial {
37
+ max-height: none;
38
+ max-width: none;
39
+ padding: 0;
40
+ width: 100%;
41
+ }
42
  .strong-view.modern .testimonial.t-slide {
43
  margin-top: 0;
44
  margin-bottom: 0;
45
  }
46
  .strong-view.modern .testimonial-inner {
47
  display: block;
 
48
  width: 100%;
49
  height: 100%;
50
  }
59
  opacity: 1;
60
  }
61
  .strong-view .screen-reader-text {
 
62
  clip: rect(1px, 1px, 1px, 1px);
63
  height: 1px;
64
  overflow: hidden;
65
  position: absolute !important;
66
  width: 1px;
 
67
  word-wrap: normal !important;
68
  }
69
 
71
  -----------------------------------------------*/
72
  .strong-view.modern .testimonial {
73
  margin: 20px auto;
 
74
  }
75
  .strong-view.modern .testimonial:first-child {
76
  margin-top: 0;
87
  margin-top: 0;
88
  }
89
  .strong-view.modern .testimonial-content {
 
90
  font-size: 1.3em;
91
  font-style: italic;
92
+ margin: 0 56px;
93
  position: relative;
94
+ text-align: center;
95
  }
96
  .strong-view.modern .testimonial-content p:first-of-type {
97
  margin-top: 0;
templates/simple/content.css CHANGED
@@ -24,23 +24,27 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
24
  overflow: hidden;
25
  }
26
 
27
- /* Base
28
  -----------------------------------------------*/
29
  .strong-view.simple {
30
  display: block;
31
- /* setting a width handles short content */
32
  width: 100%;
33
  }
34
- .strong-view.simple * {
35
  box-sizing: border-box;
36
  }
 
 
 
 
 
 
37
  .strong-view.simple .testimonial.t-slide {
38
  margin-top: 0;
39
  margin-bottom: 0;
40
  }
41
  .strong-view.simple .testimonial-inner {
42
  display: block;
43
- /* fill horizontal & vertical space */
44
  width: 100%;
45
  height: 100%;
46
  }
@@ -55,13 +59,11 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
55
  opacity: 1;
56
  }
57
  .strong-view .screen-reader-text {
58
- /* copied from Twenty Sixteen theme */
59
  clip: rect(1px, 1px, 1px, 1px);
60
  height: 1px;
61
  overflow: hidden;
62
  position: absolute !important;
63
  width: 1px;
64
- /* many screen reader and browser combinations announce broken words as they would appear visually */
65
  word-wrap: normal !important;
66
  }
67
 
24
  overflow: hidden;
25
  }
26
 
27
+ /* Base
28
  -----------------------------------------------*/
29
  .strong-view.simple {
30
  display: block;
 
31
  width: 100%;
32
  }
33
+ .strong-view.simple div {
34
  box-sizing: border-box;
35
  }
36
+ .strong-view.simple .testimonial {
37
+ max-height: none;
38
+ max-width: none;
39
+ padding: 0;
40
+ width: 100%;
41
+ }
42
  .strong-view.simple .testimonial.t-slide {
43
  margin-top: 0;
44
  margin-bottom: 0;
45
  }
46
  .strong-view.simple .testimonial-inner {
47
  display: block;
 
48
  width: 100%;
49
  height: 100%;
50
  }
59
  opacity: 1;
60
  }
61
  .strong-view .screen-reader-text {
 
62
  clip: rect(1px, 1px, 1px, 1px);
63
  height: 1px;
64
  overflow: hidden;
65
  position: absolute !important;
66
  width: 1px;
 
67
  word-wrap: normal !important;
68
  }
69
 
templates/small-widget/content.css CHANGED
@@ -24,23 +24,27 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
24
  overflow: hidden;
25
  }
26
 
27
- /* Base
28
  -----------------------------------------------*/
29
  .strong-view.small-widget {
30
  display: block;
31
- /* setting a width handles short content */
32
  width: 100%;
33
  }
34
- .strong-view.small-widget * {
35
  box-sizing: border-box;
36
  }
 
 
 
 
 
 
37
  .strong-view.small-widget .testimonial.t-slide {
38
  margin-top: 0;
39
  margin-bottom: 0;
40
  }
41
  .strong-view.small-widget .testimonial-inner {
42
  display: block;
43
- /* fill horizontal & vertical space */
44
  width: 100%;
45
  height: 100%;
46
  }
@@ -55,13 +59,11 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
55
  opacity: 1;
56
  }
57
  .strong-view .screen-reader-text {
58
- /* copied from Twenty Sixteen theme */
59
  clip: rect(1px, 1px, 1px, 1px);
60
  height: 1px;
61
  overflow: hidden;
62
  position: absolute !important;
63
  width: 1px;
64
- /* many screen reader and browser combinations announce broken words as they would appear visually */
65
  word-wrap: normal !important;
66
  }
67
 
@@ -72,7 +74,6 @@ Thanks https://css-tricks.com/minimum-paragraph-widths/
72
  }
73
  .strong-view.small-widget .testimonial {
74
  margin-bottom: 1em;
75
- width: 100%;
76
  }
77
  .strong-view.small-widget .testimonial-inner {
78
  padding: 10px;
24
  overflow: hidden;
25
  }
26
 
27
+ /* Base
28
  -----------------------------------------------*/
29
  .strong-view.small-widget {
30
  display: block;
 
31
  width: 100%;
32
  }
33
+ .strong-view.small-widget div {
34
  box-sizing: border-box;
35
  }
36
+ .strong-view.small-widget .testimonial {
37
+ max-height: none;
38
+ max-width: none;
39
+ padding: 0;
40
+ width: 100%;
41
+ }
42
  .strong-view.small-widget .testimonial.t-slide {
43
  margin-top: 0;
44
  margin-bottom: 0;
45
  }
46
  .strong-view.small-widget .testimonial-inner {
47
  display: block;
 
48
  width: 100%;
49
  height: 100%;
50
  }
59
  opacity: 1;
60
  }
61
  .strong-view .screen-reader-text {
 
62
  clip: rect(1px, 1px, 1px, 1px);
63
  height: 1px;
64
  overflow: hidden;
65
  position: absolute !important;
66
  width: 1px;
 
67
  word-wrap: normal !important;
68
  }
69
 
74
  }
75
  .strong-view.small-widget .testimonial {
76
  margin-bottom: 1em;
 
77
  }
78
  .strong-view.small-widget .testimonial-inner {
79
  padding: 10px;