Full page width tabs

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.

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

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.

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

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

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

Many thanks for your help!

Kris

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

[Author]

Posts