Carousel : Style Text Slides?
-
Hi @arminunruh ,
I've said it before but I'll say it again - I love Lay theme!
Was just wondering if theres a way to style text slides in the carousel?
So I have a carousel of images and have inserted a text slide to break up sections of work in my slideshow - but there is no way to vertical align it in relation to the size of the slide. Also, more importantly there is there a way to change the background colour of the text slides?
Thanks man!
Duncan
-
@DMB Ok so i figured out how to change the background color of the whole carousel using a css id selector or class selector but when i add some css it works, but creates an overlap on the rest of the slides which doesnt look so good - screengrabs attached.
Any idea? Would be better to be able to style the individual slides though really when i enter text rather than affect the whole carousel...
D
-
Hey ! haha thanks!!
You can align text slides vertically in "lay options" -> "Carousel Addon" -> "Vertical Alignment of Text"
If you only want to use css for the slideshow, you can do it like that:
.slide-text{ background-color: red; }
-
@arminunruh Thanks for that man.
Using your css above doesnt seem to work - i get this below.
What i want is to be able to change the colour of the whole slide...
-
Oh,
Yes true.
Please update your carousel to 1.1.7 and then use this css:.lay-carousel-slide-text{ background-color: red; }
-
@arminunruh Genius! Thanks so much Armin! I'm honoured to get an update for my problem ;)
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it