Testimonials by WooThemes
Columns (2 posts)

  1. Segmant
    Posted 2 years ago #

    How can i add columns to the shortcode?
    I want 1 row and have 3 columns, 1 testimonial in each column.

    Also no matter what i try i can get the testimonials to display the text centered.



  2. Amber
    Posted 2 years ago #

    Not sure if you got this sorted out or not, but since I just did the same thing today I thought I'd share the solution.

    The shortcode on your page that you would need for 1 row 3 columns would be:

    [woothemes_testimonials limit="3" per_row="3"]

    If you're not using a theme from WooThemes simply adding the above shortcode won't generate the column styles since Testimonials by WooThemes comes styleless.

    Try adding the following to your CSS for the columns (courtesy of WooThemes Canvas theme). Keep in mind that the following CSS might require tweaking but covers up to 6 columns:

    .widget_woothemes_testimonials .quote{float:left;margin-right:5%}
    .widget_woothemes_testimonials .quote.last{margin-right:0}
    .widget_woothemes_testimonials .quote img{float:left;margin:0 1em 0 0}
    .widget_woothemes_testimonials .columns-1 .quote{width:100%}
    .widget_woothemes_testimonials .columns-2 .quote{width:47%}
    .widget_woothemes_testimonials .columns-3 .quote{width:30%}
    .widget_woothemes_testimonials .columns-4 .quote{width:21%}
    .widget_woothemes_testimonials .columns-4 img{float:none;margin:0 auto;display:block}
    .widget_woothemes_testimonials .columns-4 .author{display:block;text-align:center;float:none}
    .widget_woothemes_testimonials .columns-5 .quote{width:16%}
    .widget_woothemes_testimonials .columns-5 img{float:none;margin:0 auto;display:block}
    .widget_woothemes_testimonials .columns-5 .author{display:block;text-align:center;float:none}
    .widget_woothemes_testimonials .columns-6 .quote{width:12.4%}
    .widget_woothemes_testimonials .columns-6 img{float:none;margin:0 auto;display:block}
    .widget_woothemes_testimonials .columns-6 .author{display:block;text-align:center;float:none}

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Testimonials by WooThemes
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic