Tagged: Slide Show
How can I edit the width of the text block in the slide show? (I would need about 40%)
Another little problem at the slide-show Font Sizes: When I change the font size for little screens or very little screens the text block changes from left to the whole width of the picture, what I don’t need/like.
Thank you for your help.
Hey edendesign7,
Thank you for the inquiry.
To adjust the width, please add this code in the Quick CSS field.
.slideshow_caption {
width: 40%;
padding: 50px;
}
Default width of the caption container is 42%.
Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks!
Best regards,
Ismael
Thank you for the code! I will play with the %.
here is a screenshot of the problem… https://countrylife.at/pix/breakpoint.jpg
Hey,
Please edit your slide and then go to Styling > Font Sizes to change responsive font sizes – https://imgur.com/a/b5krQQk :)
Cheers!
Yigit
Hi Yigit,
Thanks for your idea, but this is exactly what I did. Then the font gets smaller BUT also 100% width. I would expect, that the text block remains on the left side how it was defined in the slide-show settings. The text on the whole width doesn’t look good: https://countrylife.at/pix/breakpoint.jpg
Greetings,
alex
Hi,
Thanks for the screenshots. You can control the responsive behaviour using this CSS:
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive #top .slideshow_caption {
left: 0;
width: 40%;
padding: 0;
}
}
Best regards,
Rikard
That works perfect!
Thank you!