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
-
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; } -
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; } -
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 ;)
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login