XSTORE Testimonials Widget – Cannot exceed 2 collums

This topic has 12 replies, 3 voices, and was last updated 6 years, 5 months ago ago by Olga Barlow

  • Avatar: jon@speechbooth.com
    jon@speechbooth.com
    Participant
    October 22, 2017 at 19:18

    I have 3 testimonials I would like to display side by side on a single row. I can’t seem to get my widget to display more than 2 columns. Instead, the 3rd testimonial ‘wraps’ to the next line.

    See front end:
    https://cl.ly/081M0J3G1q0m

    See Back End Settings:
    https://cl.ly/2c151c010u3E

    Thanks!

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 23, 2017 at 08:47

    Hello,

    Make sure that your plugins are latest versions https://www.8theme.com/download-plugins/
    Try to disable all 3-rd party plugins (means the plugins that are not included in the theme package are not in the list of required plugins) and then check.

    Regards

    Avatar: jon@speechbooth.com
    jon@speechbooth.com
    Participant
    October 23, 2017 at 23:19

    Hello,

    I have verified that my xstore theme and core plugins are up to date using the link provided. I disabled all plugins except framework and core to test and the issue is unchanged.

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 24, 2017 at 08:09

    Hello,

    Oh I see, seems it is our bug, that will be fixed in next theme update, as a temporary solution you may add this code in style.css:

    @media screen and (min-width: 1200px) {
    	.testimonials-slider .swiper-wrapper {
    	    width: 100% !important;
    	}
    }

    Regards

    Avatar: jon@speechbooth.com
    jon@speechbooth.com
    Participant
    October 24, 2017 at 13:40

    Thanks!

    That seemed to have the desired effect, although it only works at very wide resolutions. Is there a CSS reference guide for this widget? I would like to tweak it more and slim down the margins. Also, there seems to be an issue with the geometry of the leftmost testimonial image. It is oval shaped, as opposed to round.

    See here:

    https://cl.ly/3T2D0z473U04

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 24, 2017 at 13:51

    You may use this code in Theme Options > Styling > Custom css:

    .testimonials-slider .item {
        padding: 0px;
    }
    .testimonials-slider .avatar-link img {
    	max-height: 70px;
    }

    Regards

    Avatar: jon@speechbooth.com
    jon@speechbooth.com
    Participant
    October 24, 2017 at 13:55

    Hey Tyler,

    Thanks for these latest snippets. Maybe I can make this work.

    The testimonials are breaking and wrapping into two lines around 1368px or so, which seems very high resolution to do this. I have a hi-res display, but obviously, not all laptops are as such.

    See the video of the wrapping ‘issue’ in action:

    https://cl.ly/2w44162b3B2V

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 24, 2017 at 14:05

    Hello,

    I’ve sent this topic to our developers, so please wait for theme update to fix the problem.

    Regards

    Avatar: jon@speechbooth.com
    jon@speechbooth.com
    Participant
    October 24, 2017 at 14:45

    Ok, so I played around with the CSS

    When I set any kind of max-width property on .testimonials-slider .item the individual reviews get cut off at the next theme breakpoint at 1200px.

    See here (@1200px)
    https://cl.ly/1X1M3K0Q0F1K

    This is the best I can do without having anything cutoff at a breakpoint of 1370px

    https://cl.ly/0b1S3w351z1L

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 25, 2017 at 10:38

    Hello,

    Could you, please, provide us admin panel and FTP access to help you?

    Regards

    Avatar: jon@speechbooth.com
    jon@speechbooth.com
    Participant
    October 25, 2017 at 16:27

    See attached credentials.

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 27, 2017 at 10:15

    Hello,

    Sorry for some delay. Our developers decided to improve the Testimonials element and add the multirow option for the slider with grid but it will be implemented in next update.

    Please, wait for the next update to get this option and fix slider issue.

    Regards

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.