Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #267474

    Hi there,

    I’m wondering how I can uniquely select the icons from the iconboxes in CSS. I am wanting to change the background-color to #8e191c. You can see my homepage here: http://www.clickbridgedesign.com. At the bottom of the page are the icon boxes in question. Thanks in advance!

    #267482

    Hi!

    Apply this:

    http://www.kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then simply add a class to the icon you want to customize and this to the Quick CSS:

    .custom_icon_1 .iconbox_icon {
        background: red !important;
    }
    .custom_icon_2 .iconbox_icon {
        background: green !important;
    }
    .custom_icon_3 .iconbox_icon {
        background: peru !important;
    }
    

    Tweak as needed.

    Regards,
    Josue

    #267516

    Thanks SO much for your quick response! Worked perfectly. :)

    #267518

    You are welcome, glad we could help :)

    Regards,
    
Josue

    #267913

    Can this also be used to just change the colour of the icons and borders?

    #267918

    Hi!

    Yes, you can use it as following

    .custom_icon_2 .iconbox_icon {
        color: red !important;
        border-color: orange !important; 
    }

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.