Animated Icon Boxes background

[olgaboca]

Hi,

Could you please help me with the custom background for the front Animated Icon Boxes.
I would love this box to be the same colour from both sides. So far by default is it always white in front.

Thank you for your help,
Olga

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option. Adjust the background and the border color to your desired ones.

.sf-icon-box-animated .front {
background: #FFFFFF!important;
border-color: #e4e4e4!important;
}

-Rui

[olgaboca]

Hi Rui,

Thanks for for the code. I see it applies too all boxes.

I am wondering if there is solution for different background color per each box.
I am trying to make 3 boxes with 3 different front colors.

Thank you for your help,
Olga

[Kyle – SUPPORT]

Hi

You would have to add extra classes to them so that we can assign custom css to each individual one

– Kyle

[olgaboca]

Hi Kyle,

I guess it’s time for me to learn css, html, JavaScript and jQuery 😉

Please give me an idea on how can I add extra classes to this boxes.

If possible, more detailed instruction or references to some examples.

Thanks for your help,
Olga

[Mohammad – SUPPORT]

Hi,
Please edit a Animated icon box page builder asset, you will get a field named Extra Class to put extra class and update it. Hope you can do it easily.
Thanks
Mohammad