I'd love to use customized colors for the tabs of my Tour (Vertical tabbed content). I mean: the same color for all the tabs on that Tour but different colors between different Tours. Could you help me? Thank you!
To set the background color for different Tab/Tour elements, you would need to add the Extra Class Name for each element then use custom CSS to adjust the color.
You can click on the pencil icon of the Tab/Tour element then scroll down and you will see the Extra Class Name input box (For example, I will enter it as "tour-1" for the first element). After specifying the custom class name, you can use the custom CSS like this:
I'd love to use customized colors for the tabs of my Tour (Vertical tabbed content). I mean: the same color for all the tabs on that Tour but different colors between different Tours. Could you help me? Thank you!
Hi there!
To set the background color for different Tab/Tour elements, you would need to add the Extra Class Name for each element then use custom CSS to adjust the color.
You can click on the pencil icon of the Tab/Tour element then scroll down and you will see the Extra Class Name input box (For example, I will enter it as "tour-1" for the first element). After specifying the custom class name, you can use the custom CSS like this:
#root-container .vc_tta-style-theme-default.tour-1 .vc_tta-tabs-list .vc_tta-tab a, #root-container .vc_tta-style-theme-default.tour-1 .vc_tta-panel-body { background: rgba( 0,0,0,0.2 ); }Notice the "tour-1" class I added here. The background color will then only affect the element with the class name "tour-1".
I hope this helps!
Regards,
Paul
SOLVED!
Thank's a lot!
You're welcome!