On my homepage desktop version, I have a slider with 3 slides and captions. I would to change the location of the third slide caption to “top framed” which is not an option on the caption position dropdown. How can I do this with css? Again, just the third slide caption title, the other slides caption titles should remain in the same location.
My site
Hey navindesigns,
Please try the following in Quick CSS under Enfold->General Styling:
.page-id-320 #full_slider_1 li.slide-3 .slideshow_align_caption {
vertical-align: top;
}
Best regards,
Rikard
Thanks. Is there any way to make the width of just this title wider meaning it should be more like 100% of the slider instead of wrapping on 3 lines
Hi navindesigns,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){
#top.page-id-320 #full_slider_1 li.slide-3 .slideshow_caption {
width: 90vw;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Awesome. Thank you so much!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon