Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 1, 2017 at 11:50 pm #786034
    mcraig77

    Ahoy,

    How do I change the color of the icon overlay which isn’t selected? Right now it is gray… I would like to change that.

    May 2, 2017 at 8:47 am #786222
    Nikko

    Hey mcraig77,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .av-tab-section-image {
    filter: none;
}

    The default value was:

    filter: grayscale(1);

    If you want to change it to something else other than no filter, you can check the options here: https://www.w3schools.com/cssref/css3_pr_filter.asp
    Hope this helps :)

    Best regards,
    Nikko

    May 2, 2017 at 7:58 pm #786649
    mcraig77

    Ahoy Thanks for this. I tried to change the non hover icon but when I do it also changes the active icon. How do I change just the non hover instance? Basically I want the icon for non hover more transparent.

    This is what I entered:

    #top .av-tab-section-image {
    filter: opacity(1);
}
    May 2, 2017 at 10:02 pm #786752
    John Torvik

    Hi,

    I think that is easier to change the images with background-image. So, upload all these icons in the color that you want to the default color and upload the images with the hover color. After it, provide us your WP credentials and enable the custom CSS field following this article: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.