• Resolved Gwindylyn

    (@gwindylyn)


    Is there a way to format the reviews? I would like to display them in two columns instead of just one review all the way across.

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Gemini Labs

    (@geminilabs)

    Plugin Author Gemini Labs

    (@geminilabs)

    You can also paginate your reviews like this:

    [site_reviews pagination=ajax count=12]

    Thread Starter Gwindylyn

    (@gwindylyn)

    Hmmm. I tried using that shortcode you listed here and also [site_reviews class=”columns-3″] but neither worked.

    Plugin Author Gemini Labs

    (@geminilabs)

    1. The [site_reviews pagination=ajax count=12] shortcode simply splits up your reviews into multiple pages. It does not change the design into multiple columns.

    2. In the link above, the reply references another link that includes the rest of the answer: https://www.ads-software.com/support/topic/horizontal-display-12/

    To get the reviews to show in multiple columns, you can add the css code below. Add this through Appearance > Additional CSS.

    I wanted to display the reviews in 3 columns on tablets and above only – you can see the results on this page – https://www.impactphysio.co.uk/about-us/testimonials/

    /* =for tablets and above
    ------------------------------------------------------- */
    
    @media   (min-width: 768px)   {
     
       /* =site reviews - put in 3 columns  */ 
    .glsr-review:nth-of-type(3n+1) {
        clear: both;
    }
    .glsr-default .glsr-review {
        margin-bottom: 48px;
        width: 33%;
        float: left;
        padding: 15px;
        box-sizing: border-box;}
        
    }

    to have it in 2 columns, just change to

    /* =for tablets and above
    ------------------------------------------------------- */
    
    @media   (min-width: 768px)   {
     
       /* =site reviews - put in 2 columns  */ 
    .glsr-review:nth-of-type(2n+1) {
        clear: both;
    }
    .glsr-default .glsr-review {
        margin-bottom: 48px;
        width: 50%;
        float: left;
        padding: 15px;
        box-sizing: border-box;}
        
    }

    It would be great if the ability to display in different columns was a feature of the plugin

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Formatting reviews’ is closed to new replies.