specify background colour for icon box

[pbi design]

how can specify a background colour for an icon box? not the speech bubble colour, but the outer box.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[pbi design]

yes. exactly.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code bellow to the theme custom css options.

Adjust the color of the background. This is only affecting this page that’s why I added post-12365 class in the css rule.

.post-12365 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
background-color: #CCC!important;
}

-Rui

[pbi design]

thanks! I actually have about 10 pages and this is the only way I am using the icon boxes throughout the site, so if I wanted it to be a global change do I just remove the .post-12365 or is it not as simple as that?

[Rui Guerreiro – SUPPORT]

if you want to be the same them use this code bellow.

.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
background-color: #CCC!important;
}

There is also other solutions like adding an extra class in the Icon Box, if you need to assign different colors.

-Rui

[pbi design]

I’ll use this for now. I don’t think I’ll need an extra class. thank you.

[Rui Guerreiro – SUPPORT]

Glad it’s fine.
-Rui