icon box title color

[olgaboca]

Hello,

Need help to change the title colour of the icon box with custom code.

Thanks a lot

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

div.sf-icon-box h3{color:#ff0000 !important;}

Thanks
Mohammad

[olgaboca]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sf-icon-box-animated .front, .sf-icon-box-animated .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.no-csstransforms3d .sf-icon-box-animated .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.no-csstransforms .sf-icon-box-animated .back {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
}

div.sf-icon-box-content-wrap h3{
color:#ff0000 !important;
}

Thanks
Mohammad

[olgaboca]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
My colleague MR Kyle will assist you shortly. He can fix this issue easily.
Thanks
Mohammad

[Kyle – SUPPORT]

Hi

You can’t make the icon box bg transparent, without seeing the text. The text is at the back of the icon box, and flips to the front when you hover, so setting the bg to transparent you will see the content on the back

– Kyle

[olgaboca]

Hi Kyle,

Thanks for helping me. It worked as a transparent front background in Explorer until yesterday. Finally I removed transparency to fix this problem in Explorer.

I am trying to make front background in 4 different colours for my 4 icon boxes.
Please let me know if there is a solution with custom code and extra classes for this.

For now I will make front background as an image.
.yourextraclass .sf-icon-box-animated .front {
background: url(yourimage);
background-size: cover;
}

Hope it will work.

Thanks,
Olga

[Kyle – SUPPORT]

Hi

Looks like you managed it?

– Kyle

[olgaboca]

Hi Kyle,

Yes, I did it, thanks.

The only think left to do is to get rid of the white frames.
Can you help me with custom code?

Thanks a lot for your help,
Olga

[Kyle – SUPPORT]

Add this:

.sf-icon-box-animated .front {
  border: 0;
}

– Kyle