Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1301484


    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!


    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,


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



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

    Best regards,
    Jordan Shannon

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