Testimonial Slideshow responsive

[RRembs]

Hi,

the text in my testimonial slideshow is cuted at the bottom by mobile view. How can I get this responsive?

And further, is it possible to get the transition of the slideshow slowly?

This is my page url: https://klugeberatung.de/?ign_skip=w33

regards,

Rabea

• This topic was modified 3 years, 7 months ago by RRembs.

[themes2go]

Hello Rabea and thanks for reaching us.
The testimonial slideshow wasn’t meant to get so much text.
I will check it with our developers and I’ll get back to you as soon as possible.

Regarding the slider duration: this parameter is actually fixed and you can modify the javascript yourself.

https://imgur.com/a/eQkSsln

Edit this file
lifecoach/js/ttg-main.js
line 718 add

, interval: 4000

as you see in the screenshot. Timing is in millisecond, so for example if you need the testimonial stops for 10 seconds, you need to edit 4000 to 10000.

IMPORTANT: you will need to disable the minified version for tyour change to take effect: in appearance > Customize > Debug enable the Debug settings

This will load the unminified js you just modified.

So this is the fastest way to get the result you asked for. I will talk with our developers if we can include this feature on the next theme update so you would not edit the code but edit only a parameter on the theme backend.

Keep me posted on this!
Best,

Andrea

• This reply was modified 3 years, 7 months ago by themes2go.

[RRembs]

Thanks for your fast replay!

I mad the changes for the duration. But its not working. The slide changing is still to fast.

Do you have another idea?

[themes2go]

Hello Rabea,
this is a standard procedure that has been used from other customers successfully. Do you have any caching plugin activated on your website?

Could you please send me a screenshot of your edits on the file lifecoach/js/ttg-main.js?

Thanks,
Andrea

[RRembs]

https://imgur.com/a/KPk3Gxd

I really had WP Fastest Cache running on my page. But I just deleted it from my page. And its still not working. Is it possible that the plugin generated any file which is blocking the customization of the slider duration???

I also added a link to a screenshot of my customization of the tgg-main.js

[themes2go]

Hello!
I’ve just checked your source code and it seems that the main ttgcore.js has not been updated. I think you should check if the cache has been properly deleted.

You can try to edit the ttg-main.js and save, deactivate the caching plugin and then try to load your website on a incognito mode (private window) on your browser.

Check it and get back to me 🙂

[themes2go]

Hi Rabea,

if the previous fix doesn’t work, you could also try this one:
go to Appearance -> Customize -> Debug settings and enable debug settings.

This will load the unminified version of javascript and get your edit works.

[RRembs]

I deleted the debug settings and enabled them again. I also deleted my browser cache, and then it works. But now the duration is much to high 😉 (I entered such a high duration time just to see if it works.) Now I entered an interval of 15000. Then I also did the settings of the debugging and deleted my cache. But now it’s not working again. What is wrong here????

[themes2go]

I’m pretty sure it’s something related with your cache.
Did you try force refreshing your browser cache?

https://www.google.com/search?q=force+refresh+browser+cache&rlz=1C5CHFA_enIT898IT898&sxsrf=ALeKk03eRkloxKJZ2RfqeKpQwR8G9mS64A%3A1617287083261&ei=q9dlYLyuD4v-kwW_u5CgDg&oq=force+refresh+brow&gs_lcp=Cgdnd3Mtd2l6EAMYATICCAAyAggAMgIIADIGCAAQFhAeMgYIABAWEB4yBggAEBYQHjIGCAAQFhAeMgYIABAWEB4yBggAEBYQHjIGCAAQFhAeOgcIABCwAxBDOgcIABBHELADULxUWMBXYMVjaAJwAngAgAFoiAHPA5IBAzMuMpgBAKABAaoBB2d3cy13aXrIAQrAAQE&sclient=gws-wiz

Always test in incognito mode when using a cache plugin/system

• This reply was modified 3 years, 7 months ago by themes2go.

[RRembs]

Hello Andrea,

Thank you so much. Now it worked! I deleted the hole browser-cache and then it worked 😉

Did you also find out how it is with the text length of the slideshow in the mobile view?

[themes2go]

Hello Rabea,
I’ve just talked with one of our developers which show me that the slideshow can’t be responsive. Now you have three option:

1) adjust the text length of your slides to the same height

2) decrease font size only on mobile

3) increase the testimonial slideshow height only on mobile: it will fit good for longest item but you will get empty space for shortest ones.

Just let me know which option you would like the most and I will support for option n°2 and 3.

Best,
Andrea

[RRembs]

Hi Andrea,

can you give me the code for both options? So that I can look wich one looks better.

regards,

Rabea

[themes2go]

Hello!
In order to increase the testimonial slider height you should add this to your Additional Css in the customizer

@media only screen and (max-width: 1200px) {
.qt-material-slider {height: 800px;}
}

Change 800px with your preferred height

@media only screen and (max-width: 1200px) {
.qt-textcont p {font-size:10px}
}

Change 10px with your preferred font size

Make sure to erase the cache before checking.

Best,
Peter

[RRembs]

Hi Peter,

thanks a lot, that helped me.

Have a nice day!

regards,

Rabea

[themes2go]

Have a nice day to you Rabea!