Home>Support>Gutter size between columns in So Testimonials plug-in

Gutter size between columns in So Testimonials plug-in

This relates to the appearance on my PC where I have the plug-in set to 2 testimonials per row, Image Shape – Square, Image Size – 80, User position – Left and Testimonial layout – Side by side.

The actual testimonials are so far to the left of their respective images that those on the left of the row are closer to the images for those on the right of the row. See here.

Is there a way of adjusting the spacing between image and testimonial, or adjusting the gutter between the left and right columns?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi John

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* Testimonials Widget */
    
    .sow-testimonials .sow-testimonial-wrapper.sow-layout-side.sow-user-left .sow-testimonial-text {
        margin-left: 20%;
    }
    
    .sow-testimonials .sow-testimonial-wrapper.sow-layout-side.sow-user-left:nth-of-type(1),
    .sow-testimonials .sow-testimonial-wrapper.sow-layout-side.sow-user-left:nth-of-type(4) {
    	padding-right: 25px;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

    Give those a try and see if it helps :)

  2. 8 years, 4 months ago john@blueheap

    Hi Andrew

    Thanks, that helps a great deal, so does the pointer to your CSS Editor.

    John

  3. 8 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that did the trick.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More