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

    Hi,

    I am using the content element tab on the Avia layout builder. It works brilliantly, but i have a little set back. Please can you help:

    1. I want to change the tab colour

    2. I may also want to change the text colour as well.

    Can you advice?

    Regards

    MK

    #120374

    Hi,

    Just add this on your custom.css or Quick CSS

    To change the color of the active tab you can use this.

    div .main_color .tabcontainer .active_tab {
    background-color: #FCFCFC;
    color: #666;
    }

    To change the other tabs, just use this

    .tab {
    background-color: blue;
    color: pink;
    }

    Regards,

    Ismael

    #120375

    Hi Ismael,

    Please can you check the last code for me. I got the blue to show-up but the pink did not show-up. Please check.

    Also, how can i increase the font sizes and the icon sizes on the tabs?

    Kind regards,

    MK

    #120376

    Hi,

    Can you give us a link to your website? The color pink is for the text color of inactive tabs. You this instead

    .tab {
    background-color: blue;
    color: pink !important;
    font-size: 20px;
    }

    Cheers,

    Ismael

    #120377

    Ismail,

    It worked. You are the best ! :)

    MK

    #120378

    Hi,

    Glad it worked. :)

    Cheers,

    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Changing the Tab & Text colour of content Element Tab (Avia layout builder)’ is closed to new replies.