Change color of Icon Box background

How can I change the background color of an Icon Box when selected?

I was able to change the color of the icon when unselected with this code:

.my-iconbox-class .icon_box .icon_wrapper {
color: blue;
}

where my-iconbox-class is the class set in the Icon Box item.

Can I do something similar for the selected background color?

Comments

  • Hi,
    Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
    thanks
  • It is offline, anyway I'm just speaking of a normal Icon Box item.
  • I always ask for the website because if something requires the CSS code, I have to be sure that it will gonna work - it depends on the style of the website too.

    You mean the background color of the hover or default state?
    Thanks

  • edited May 2020
    Ah ok. I'm using Resort 2 as template if it can be helpful.

    I mean the color of the hover, i.e. the background color of the Icon Box when you move the mouse on it.
    For Resort 2 this color is set to #e8b33d.
  • Please use this CSS code into the Theme Options > Custom cSS & JS > CSS
    .icon_box:hover .icon_wrapper::before{
    background:red !important;
    }
    Thanks
  • It works perfectly, thank you!
Sign In or Register to comment.