Change color of 1 infobox (not all)

GOUBLET

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

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

GOUBLET

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

GOUBLET

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

GOUBLET

just tried that, but nothing changed...

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

GOUBLET

>-
thanks !!

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next