Tagged: fullscreen slider
In the Fullscreen Slider, how do I change the framed caption color to #003468 blue instead of the black?
Hi MoxieDM!
You can try using the below css in your custom css section:
.caption_framed .slideshow_caption .avia-caption-title {
background: rgba(0, 52, 41, 0.5) !important;
}
the 0.5 at the end controls transparency.
Best regards,
Dake
I found the quick css area and this worked great for the caption title. I assumed it would work to change “caption-title” to “caption-text” but that isn’t working. Can you only make one css change in the quick css area?
Where do I go to find the custom css area?
Hey!
Here is css for modifying the caption-text background:
.caption_framed .slideshow_caption .avia-caption-content p {
background: rgba(0, 52, 41, 0.5) !important;
}
You can make a virtually unlimited mount of changes in the custom css section.
The custom css section is found under the general styling section of your theme options.
Best regards,
Dake
This worked, thank you!!
I don’t understand how to use the “custom.css file” It says that next to the Quick css area but doesn’t say where to make those changes.
Thanks so much for all your help!
Hey!
You’re welcome, glad we could help :)
The custom css section is actually a location in your theme options as shown below:
http://i.imgur.com/jpmmy3N.png
You’re not actually editing a file directly.
Please let us know if you ever need any help in the future.
Cheers!
Dake