Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #218450

    Hello,

    I would like to use a different background and font color for the menu in the tabs area, when a tab is selected. I have found this code, but is changes the color of the content of the tab, too, while I would like to change only the box in the menu – how do I do it?

    div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
    background-color: black;
    color: white;
    }

    Thanks a lot!

    Fiorilla

    #218560

    Hi Fiorilla!

    You can use this:

    div .main_color .tabcontainer .tab {
    background: blue;
    border-color: red;
    }

    Best regards,
    Ismael

    #219040

    Hi! Actually, I just wanted to change the color of the selected tab, not all of the tabs – is it possible?

    Otherwise, by using this code with white font on grey background, the result is quite nice but shows weirdly on the mobile responsive version (the tabs are red, and the text is invisible)… If there is a way to make the responsive version look like the regular one, I could also keep it this way..

    div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
    background-color: grey;
    color: white;
    }

    Thanks again,

    Fiorilla

    #219195

    Hi Fiorilla,

    Can you post the link to your website please?

    Regards,
    Josue

    #219314
    This reply has been marked as private.
    #219389

    Hey!

    You can use this on Quick CSS or custom.css:

    div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
    background-color: red;
    color: white;
    }

    Regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Tabs menu in a different color’ is closed to new replies.