Width of text slides / carousel
-
Hello,
I'm trying to make a carousel with vertical captions next to each images. Since it's not possible for now using captions, I used text slides.
I can't figure out how to make the width of the text slides to match the width of each slides' content?
I can see in the inspector that the width of the text slides is 400px, but I don't know where this value comes from.
I've put a blue background color to the text slides to highlight the problem as you can see here:Here is the link to the website:
https://margotdomart.com/index/I hope that my message is clear enough,
Thanks!Marie
-
Dear Marie
@marie3137
" I can't figure out how to make the width of the text slides to match the width of each slides' content? "
I need a little confirmation, 80% sure ๐
Do you wish each slide was the exact same width
Or, something like this:
Playing in the Inspector ๐like you said, changing the width:
.lay-carousel-wrap.show-multiple-slides .lay-carousel-slide-text { width: 105px; }
(NOTE: This is not a long-term solution)
Talk soon and have a great day Marie ๐ผ
Richard
-
Hi @Richard
Thank you for you quick reply !
This is exactly what I'd like to achieve:
http://laythemeforum.com:4567/assets/uploads/files/1626158177495-recut.jpgI'm not sure that every captions are going to have the same amount of words so I'm looking for a way to make the slides fit each captions.
I've tried this in different classes but it never seems to work:
width: max-content;Marie
-
Dear Marie
@marie3137
The Class
lay-carousel-slide
can be targeted with Custom CSS
(located via) > Lay Options > Custom CSS & HTML >Width of slide has been altered:
Best wishes ๐
Richard
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options โ Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it