Info-Box background colour

HBanayoti · July 2015

Hi,

How can I apply independent background colours for two different Info Boxes in the same page?

Thanks

Albert · July 2015

Hi,

you can set class name for items and then under Theme options > Custom CSS & JS > Custom CSS section you can write custom css code to change these colors.

HBanayoti · July 2015

Thanks but can you show me an example of the exact code that I would need to insert please? I am not CSS trained.

Albert · July 2015

Set class name for the items first and we'll show you. You can also check also on http://themes.muffingroup.com/betheme/documentation/#theme-customizations how to customize elements with custom css.

HBanayoti · July 2015

Ok I have set the class name to be "ourwork".

Albert · July 2015

Ok, but where is the url to your site so we can have a look on it?

HBanayoti · July 2015

florencepasteur.com

Albert · July 2015

Ok. So to change it's background color, please use below css:

.ourwork .infobox { background-color: #000 !important; }

HBanayoti · July 2015

thank you

Albert · July 2015

You're welcome

redtraininc · November 2015

I tried this, but it didn't work. The url is http://198.252.99.57/~kingston/contact/

I'm trying to get one box orange and the other blue.

Thanks!

Albert · November 2015

@redtraininc You are using VC plugin where this won't be possible. Those classes can be set for Muffin Builder items only.

Info-Box background colour

Comments