Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 4, 2019 at 1:37 pm #1087034
    missulli

    Dear support-team,

    I try to remove the grayscale from inactive tabs in the tab-section as explained in the enfold documentation (https://kriesi.at/documentation/enfold/tab-sections/). But there is no difference? I already looked for additional code in the forum and emptied the cache but it does not work. Is there anything else I can do to remove the grayscale?

    I tried this without any effect:

    /*————————————————————-
    // CSS – Remove greyscale from inactive tabs
    //————————————————————*/
    .av-tab-section-image {
    filter: none!important;
    }

    Thank you for your help!
    Best regards,
    Juli

    • This topic was modified 5 years, 7 months ago by missulli.
    April 4, 2019 at 11:55 pm #1087251
    missulli

    I solved it with

    /*——————————
    // CSS – Remove grayscale from inactive tabs
    //——————————*/
    }

    .av-tab-section-image {
    filter: none! important;
    }
    .av-tab-section-image {
    filter: grayscale(0);
    }

    Is there a possibility to remove the hover effect as well?

    April 7, 2019 at 4:42 am #1087877
    Mike

    Hi,
    Sorry for the late reply, glad to hear you found a solution. To remove the hover effect Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #av-tab-section-1 .av-tab-section-image {
    opacity: 1 !important; 
}

    Best regards,
    Mike

    April 7, 2019 at 3:18 pm #1087978
    missulli

    Hello Mike,

    that is perfect – now everything looks just like I wanted it. Thank you very much!

    Best regards,
    Juli

    April 7, 2019 at 8:48 pm #1088040
    Mike

    Hi,
    That’s great news! We will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Remove grey-scale in tab-section’ is closed to new replies.