Change tabs font

Good morning guys, I would like to know if it’s possible to change the font size / background colour of the tabs (please check attachment). Thank you very much.

Attachments:

You must be logged in to view attached files.

Hello,

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

 body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a {
    color: red;
	 background-color:yellow;
}
 body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a:hover {
    color: green;
	 background-color:orange;
}
 body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab > a {
    color: red;
	 background-color:green;
}
 body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab > a:hover {
    color: green;
	 background-color:red;
}

Set the colors as per your needs.

Best Regards

You are a genius!!! Thank you very much 🙂

There’s any way to reduce the font size on the second line? (as you can see in the previous attachment)

Also how can I delete the slash between tabs?

Thanks!

Hello,

It is not possible to change the size on the second line, the size would be applied to the whole text.

You need add this line to each code: font-size:10px; and set the size.

What do you mean saying slash? Do you mean underline?

Add this code to remove:

body.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after{
display:none;
}

Best Regards

Hello!

By “slash” I meant the “/” symbol between tabs

Thank you very much 🙂

Sorry, it is possible to delete it or change it?

Hello,

Please show me on the screen the slash I do not see it. I will check and give the CSS Code.

Best Regards

Good morning, please check the attached picture.

I would like to do two things if is possible:
– Delete the “slash” marked in RED
– Expand the purple background of the text area (marked in purple) at least one space to every side.

Thank you very much

Attachments:

You must be logged in to view attached files.

Hello,

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

body.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab:after {
visibility:hidden;
}

Best Regards

Solved! thank you very much.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts