Hello,
I would like to edit the styles for the Full Screen Slider module. Specifically, change the size, location, color and opacity of the black/transparent box where captions overlay. Also, the caption font css.
Also, I’m having an issue using a “strong” tag within the first Caption area when coupled with another font tag. See example below:
Who is<br/>Laurie <font color=”#c94e8e”>Spoon</font>?
In this example, the word “Spoon” is given the correct color but is not bolded. It seems I can’t use these two tags in line together in the sample caption line.
Thanks for your help!
– John
Hey jgdoyle1!
You can move the caption title and content around with this CSS.
.avia-caption-title { position:relative; top:100px; background: rgba(255,255,255,0.2) !important; }
.avia-caption-content { font-size: 12px !important; }
Send us a link and take a screenshot highlighting exactly how your trying to change stuff around and we’ll take a look.
Best regards,
Elliott
Thank you for those scripts. They are very helpful. Would you please tell me where all the CSS scripts reside for the Full Screen Slider widget. That way I can adjust other elements as well. Thank you!
Best regards,
John