-
Posts
-
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.
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?
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.
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.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);
}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.
The topic ‘Slider caption background opacity’ is closed to new replies.