Changing Color Of Feature Box - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Changing Color Of Feature Box

LG

Lorna Guttormson

SP Page Builder 1 week ago

I have a number of feature boxes on our site ottawaotest.ca/oocj4. We had the boxes one shade of red but I want to change them throughout. I can change them page by page or in template options but I can't find what css would cover the entire box. With the various attempts I have left a 'shadow' around them, wiped out the background entirely - different results with each. What I want overall is background-color : rgba(203,0,0,0.8). I have tried this for #sppb-addon, #sppb-column-addons, #sppb-row-container . Is there any css that will change the whole of the box? I have event tried setting the color in each of the 3 places in the box itself and still something else is overwriting them. Right now I have a real mix of settings throughout the site. I'd like to clean it up but removing the settings in the individual boxes and find a setting that will set them all correctly (although we have a few boxes with a white background but I can set them individually once I understand the feature boxes better.)

0
2 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 week ago #210856

Hi Lorona,

It would be easier to create a custom CSS class and use it for all Feature addons. Or you can force the same Custom CSS for all feature addon without adding custom class name to each of them.

Which solution you decided to use?

0
LG
Lorna Guttormson
Accepted Answer
1 week ago #210949

I have a better example of my problem here. On ottawaotest.ca/oocj4/join I have 2 red feature boxes. Each of them have a border of another shade of red. I want the entire box background to be rgba(203,0,0,.8) . There are 3 background color definitions - content, media and style. All three are defined as #cb0000 80% (the equivalent of the rgba that I want). How do I get the border, or whatever it is, to also be rgba(203,0,0,.8)?

0