[aschaen]

How do I change the opacity of the slider caption’s background? I have very busy light/dark pictures set for the slider images and I need to have the caption background a bit darker to offset the white text, but the color is already set to #000000.

[Switchlit80]

I’m also looking for a solution to this same issue only I wish to remove the background from the text all together as I have styled the slider text to that of a rounded box. Any help?

[Switchlit80]

Well….my issue is fixed but it does not seem to fix the original post. I was able to clear the color completely from the slider color settings in the theme and it worked. I still don’t know the class that needs to be modified to affect the transparency though.

[BlindScientist]

I’m working on this one too, and have a partial answer. While the color is set to #000000 (black), it’s the opacity that needs to be increased. It’s currently coded to be .3 (30%). If you look in the style-frontpage.css files (line 234 I think), and change it to background-color: rgba(0, 0, 0, 0.6) !important;, where the 0.6 is 60% opacity, that did it for me. The downside is that there is a tiny margin on either side of the text that is still at 30% opacity. I’ll chime back in if I find that.

[frost.DIGITAL]

Hey folks,

In case you haven’t sorted yet, in order to remove the small dark container margins you’re referring to, try using this;

.nivo-caption .inline-slide-text {
box-shadow: 10px 0 0 rgba(0,0,0,0.0), -10px 0 0 rgba(0,0,0,0.0);
}

[JOAT.Handyman]

Thanks for the info! Just to help others, the full code from BlindScientist above to add to the Custom CSS field on the Misc Settings tab is below.

.inline-slide-text {
background-color: rgba(88,110,16,0.6) !important;
}

This will control the color of the caption shading as well as the opacity. The first 3 numbers in the rgba settings relate to the color and the 4th is the opacity with ‘1’ being opaque.

*You can use the code from frost.DIGITAL above the same way to control the little end cap shading on each line.

[Author]

Posts