Return to previous page

XSTORE Testimonials Widget – Cannot exceed 2 collums

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

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!

#175697 Copied Theme version: 4.10

11 Answers

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

#175727 Copied

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

#175829 Copied
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
#175842 Copied
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

#175911 Copied
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
#175915 Copied
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

#175917 Copied

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

#175921 Copied

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

#175931 Copied

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

#176037 Copied

jon@speechbooth.com

Participant

October 25, 2017 at 16:27

See attached credentials.

Please, contact administrator
for this information.

#176094 Copied

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

#176229 Copied
Viewing 12 results - 1 through 12 (of 12 total)