change color for sigle iconbox on page

alfguiza · June 2016

I set in the class settings for a box icon with the name of "custom", how can I set this iconbox in red?

Albert · June 2016

Hi,

you need to set class name for that item first and then write custom css under Custom CSS & JS > Custom CSS section. If you set custom class name for this item, drop us the link to such page and we will tell you how the right css supposed to look like.

alfguiza · June 2016

this is the link of the page (http://weasys.altervista.org/t-s-o/)

icon box title (acquista online)

thanks

Albert · June 2016

Ok, but what class name you set for this item? We can see that you didn't done what we told you above and you didn't set class name for this item.

alfguiza · June 2016

sorry, now i have setted as "custom"

Albert · June 2016

But you can not use signs like "." for class names. Your class name should be custom, not .custom

alfguiza · June 2016

ok changed

Albert · June 2016

Ok. So to change it's color now, you need to use the following css:

.column_icon_box.custom .icon_wrapper .icon-paypal { color: #000 !important; }
.column_icon_box.custom:hover .icon_wrapper .icon-paypal { color: #FFF !important; }
.column_icon_box.custom .icon_box:hover .icon_wrapper::before, .column_icon_box.custom .icon_box a:hover .icon_wrapper::before { background-color: #000 !important; }

change color for sigle iconbox on page

Comments