Tab Colour

  • Resolved Rocky638

    (@revereim)


    6 years, 7 months ago

    Hello, are we able to change the colours of the Tabs? the original Woo tabs, plus any Custom Tabs we may add. Please advise. We want to do this so that on mobile it shows better, so we will likely want to change tabs and tab text colour.

Viewing 1 replies (of 1 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hey Rick,

    Thanks for creating a support ticket here. As I re-read my response to your email, I missed a critical word: There is no option of adding colors to tabs.

    However, as I said, we can do this with custom CSS.

    I might be mistaken but you’re only trying to change the color of the tab’s title, right?

    Here are a few examples. 

    /* Change all tabs to black backgrounds, aliceblue text */
.wc-tabs li a {
    color: aliceblue;
    background-color: black;
}

/* Change the tab titled "Saved Tab 1"*/
#tab-title-saved-tab-1 > a {
    color: red;
    background-color: black;
}

/* Change WooCommerce's default Reviews tab*/
#tab-title-reviews > a {
    color: blanchedalmond;
    background-color: black;
}

    Different themes might handle the tab layouts differently so please send over a URL to one of your products if you can.

    Cheers,
    Kevin.

Viewing 1 replies (of 1 total)
  • The topic ‘Tab Colour’ is closed to new replies.

Tags