Hi! How can I change the font size & color of the titles in a tabs element? Seen here (http://e50.4da.myftpupload.com/connect/#share-your-creative-work) I would like to change the font size and color of “Share your creative work” and “Invite a Friend”. If there isn’t a way to do it in the Theme Panel > Fonts, could you direct me how to do it in CSS? Thank you so much!
Hello awoodhams,
Being a Visual Composer element, notice that you can change the text and color only via such a Custom CSS code and place it in Theme panel -> Custom CSS area.
The code is ->
.vc_tta-title-text{
font-size:14px;
color:red;
}
The result is here -> https://www.screencast.com/t/CiwcRhNh
Thanks for the message!
Thanks for your help, but unfortunately, the code does not change the color of the icons. See here: http://e50.4da.myftpupload.com/connect/#share-your-creative-work. Is there a way to fix this?
Hello,
The code seems to work as expected, as you can see here -> https://www.screencast.com/t/mAlttYbeA Clear all your caches and check the results.
Thanks for the message!
Please understand…I do see that the text is changed, but the ICONS are not changed. In the rest of your theme, the icons take on the color of the text beside them, but this code only changes the color of the text and not the icons. Please see that the icons are still black while the text is red. Can you please provide the text to make the corresponding icons red as well? Thank you.
Hello awoodhams,
Try to add the !important tag next to the value of this property and in that way you add more priority to your code and it will work as expected. Clear all the caches and check the results.
.vc_tta-title-text{
font-size:14px!important;
color:red!important;
}
Thanks for your understanding!
Unfortunately, that doesn’t seem to work. I changed the font-size to 30, just to be sure, and this is what it looks like: e50.4da.myftpupload.com/connect. You can see that the font size and color are changing, but the icons are not. It appears that “.vc_tta-title-text” refers only to the text and not the whole title. Can we try something else?
Helloawoodhams,
If you want to change the size for your icons, try the code below.
The code is ->
.td-magazine .vc_tta.vc_general .vc_tta-icon {
font-size: 3em;
}
The result is here -> https://www.screencast.com/t/LCOhMvoMI
Thanks for the message!
Thanks!
