How to Change the Active Tab Color in a Tab Element

This topic has 8 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Rose Tyler

  • Avatar: Merin
    Merin
    Participant
    October 10, 2024 at 07:01

    I’m unable to change the active tab color when multiple tabs are present on the page. I’ve added the tab element and tried adjusting the settings, but the active tab color remains unchanged It s a grey colour as the screenshot. How can I resolve this issue effectively?

    Files is visible for topic creator and
    support staff only.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 10, 2024 at 08:37

    Hello, Merin,

    Thank you for reaching out to us with your concern. We understand that you are experiencing difficulty in changing the active tab color on your page. Please provide the URL of the page here.

    Best Regards,
    8Theme’s Team

    Avatar: Merin
    Merin
    Participant
    October 10, 2024 at 10:09
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 10, 2024 at 12:33

    Hello, Merin,

    Custom CSS code can be used: https://prnt.sc/Zt_y9qYmr5gk

    .vc_tta-color-sky.vc_tta-style-modern .vc_tta-tab.vc_active>a {
        border-color: red;
        background-color: red;
        color: black;
    }

    Best Regards,
    8Theme’s Team

    Avatar: Merin
    Merin
    Participant
    October 14, 2024 at 13:44

    I tried this code. But not working. Please provide an alternative solution

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 14, 2024 at 14:03

    Hello, Merin,

    Please check now – https://prnt.sc/G54SUCDjXr4I

    Best Regards,
    8Theme’s Team

    Avatar: Merin
    Merin
    Participant
    October 15, 2024 at 07:59

    Thank you! It’s working perfectly now.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 15, 2024 at 09:28

    Hello, Merin,

    You’re welcome!

    Best Regards,
    8Theme’s Team

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to Change the Active Tab Color in a Tab Element’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.