Avada Forums Community Forum Custom CSS for tab title text color on active and hover only

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • TheMediaman
    Participant
    Post count: 1

    I know that all of the tabs title text color can be changed by changing the color in the H4 tag but does anyone know the Custom CSS to change the tab title text color only on active and hover?

    The tab title text is currently #333333 and that’s easily changed in headers typography but my active and hover tab background is a green and the text would stand out better if it were white only when the tab is selected or in hover.

    Thanks in advance.

    hawea74
    Participant
    Post count: 6

    Hi – I’m not sure if this is best-practice css, but it worked for me to target active tab heading colour and active tab heading hover colour.

    /* Active tab heading colour */
    .fusion-tabs .nav-tabs > li.active a .fusion-tab-heading {
    color: #ffffff !important;
    }

    /* Active tab heading hover colour */
    .fusion-tabs .nav-tabs > li.active a:hover .fusion-tab-heading {
    color: #dddddd !important;
    }

    michelle.diamond
    Participant
    Post count: 3

    THANK YOU SO MUCH

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