Colour for specific icons

[DavidJulio]

Hi guys,

I found how to change the colour for the icons bubbles.
I am facing a new issue.

I want the four bubbles icons on this page white #fffff but only these four.
I am using icons in black for my titles. I want to keep the black colour by default but I would like to be able to use the white colour for my blue boxed contents and for these specific bubbled icons.

I tried on the edit panel to select the code and choose the white colour from the edit panel but it does not work. How can I do?

Could you please help?
Pleeeeeeeeeaaaaaaseee…. 🙁

Thank you!!

Rgds,
DJ

[Rui Guerreiro – SUPPORT]

Hi,

Add the code bellow to your custom css options.

.post-10043 .sf-icon-cont{
background-color: #FFF!important;
}

-Rui

[Mohammad – SUPPORT]

Hi,
Please use this custom css change-:
body.page-id-10043 div.sf-icon-cont.cont-large.sf-icon-float- a i.sf-icon.icon-large{color:#fff !important;}
Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

I am really impressed guys!!

When I tried Rui’s code. I read my question and indeed, it was not clear.
So, it was my mistake.

I looked into Rui’s code and get sorted out with this:
.post-10043 .sf-icon{
color: #FFF!important;
}

But Mohammad matched my expectations as he included an exception for the form icon below.

Men…Thanks!!
DJ

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Swift Ideas