Home Forums Basel support forum Full page width tabs

Full page width tabs

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #327863

    kristiankeegan
    Participant

    Hello,

    I would like Tabs to expand to fit full page width (see attachment). Additionally, can the active tab appear with an alternate colour. ie white background and navy background #17213c and inactive tabs with custom navy background #17213c and white text (see attachment).

    thanks

    Kris

    Attachments:
    You must be logged in to view attached files.
    #328041

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please make the row full width in the row settings or do you mean tab titles?

    Best Regards

    #328116

    kristiankeegan
    Participant

    Yes Tab Titles. The row is already set to full width. The image attached demonstrates the appearance I am looking for.

    thanks

    Kris

    Attachments:
    You must be logged in to view attached files.
    #328228

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .vc_tta.vc_general .vc_tta-tabs-list {
        display: flex;
    }
    body .vc_tta.vc_general .vc_tta-tab {
    	flex-grow:1;
    }

    Best Regards

    #328237

    kristiankeegan
    Participant

    Thank you this worked perfectly for tab text.

    Can you help with the second part of my question.

    Can the active tab appear with an alternate colour. ie white background and navy text #17213c and inactive tabs with custom navy background #17213c and white text (see attachment).

    thanks

    Kris

    #328502

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .vc_tta.vc_general .vc_tta-tab.vc_active a {
     background-color:red!important;
    }

    Set the color as per your needs.

    Best Regards

    #328522

    kristiankeegan
    Participant

    Many thanks for your help!

    Kris

    #328634

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

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

The topic ‘Full page width tabs’ is closed to new replies.