Change Icon Box Background Color

[tsimarketing]

I have some icon boxes on my website that I would like to change the background color. I have attached a screenshot of the icon boxes. I am using the “icon box one” box. I know I will need to add a css code and then use an extra class, because I don’t want to change the background color of all the boxes on my website, just a select few. Can you tell me the css code and extra class name I will need to accomplish this? Thanks.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
    background: #ff0000 none repeat scroll 0% 0% padding-box !important;
}

Thanks
Mohammad

[tsimarketing]

which part of this code is the extra class name?

[Mohammad – SUPPORT]

Hi,
Please use this code:-

.icon_back .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
    background: #ff0000 none repeat scroll 0% 0% padding-box !important;
}

Here icon_back is extra class.

Thanks
Mohammad