Change color of 1 infobox (not all)

GOUBLET · April 2016

Hi,

I have 2 infoboxes, one after the other, on one of my pages and I'd like to change the color of the second one.

But when I try to use the "Custom | Classes" field of the infobox (in Muffin) with this :

.get_in_touch, .infobox { background-color: #ba141f !important; }

it doesn't change anything.

Is there a way to achieve this ?

Thanks in advance

Albert · April 2016

Hi,

you can not use custom css inside Custom | Classes. Class means that it's the class name, not the code. Each custom css should be located under Theme options > Custom CSS & JS > Custom CSS section always.

Thanks!

GOUBLET · April 2016

Ok got it !
so if I use the Custom/Classes field to name this infobox : infobox2 (for example),
and then go to to Theme options > Custom CSS & JS > Custom CSS,
what CSS am I suppose to write there?

Thanks in advance

Albert · April 2016

It depends on how the code looks like. If you will send us link to page where you set this class name, we will see how the code should be. What you can also do is get this code yourself with Firebug tool for example. More details about customization via such tools you can read on http://themes.muffingroup.com/betheme/documentation/#theme-customizations

GOUBLET · May 2016

here is a link to the page : http://goo.gl/sV61bA
I want to change the color of the second infobox only.

Thanks in advance

Albert · May 2016

Ok. So to change background color of 2nd infobox, you need to use the following css:

.infobox2 .infobox { background: #000 !important; }

GOUBLET · May 2016

just tried that, but nothing changed...

Albert · May 2016

Clear cache because we see red background on our end already.

GOUBLET · May 2016

>-
thanks !!

Albert · May 2016

You are welcome!

Change color of 1 infobox (not all)

Comments