Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 20, 2021 at 8:01 pm #1301484
    johnjosephjohansson

    Hi,

    I’ve been trying to adjust the color of my active tab section titles but I’m not able to. The hover state works fine, but the font color remains the same on the active state. Here’s what my CSS looks like:

    .av-inner-tab-title {
    font-size: 24px;
    font-family: ‘barlow-semibold’,sans-serif !important;
    color: #246b81 !important;
    }

    .av-inner-tab-title:hover {
    color: #b0d0d9 !important;
    }

    .av-active-tab-title {
    color: #f2b84c !important;
    }

    I want the inactive title to be #246b81, the hover title to be #b0d0d9, and the active title to be #f2b84c. Do you have any suggestions?

    The page is at https://discoverdowntowndanville.org/dine/. The tab section is close to the top.

    Thanks for your help!
    John

    May 21, 2021 at 1:29 pm #1301620
    Ismael

    Hey johnjosephjohansson,

    Thank you for the inquiry.

    You can use this css code to adjust the color of the active tab section title.

    #top .av-active-tab-title .av-inner-tab-title {
	color: red !important;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    May 23, 2021 at 2:56 am #1301783
    johnjosephjohansson

    Thanks for your help, Ismael. This worked perfectly. You may close the ticket.

    May 23, 2021 at 6:27 am #1301807
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in these forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Tab section active font color’ is closed to new replies.