This topic has 8 replies, 3 voices, and was last updated 6 years by 
-
-
Hi there,
I’m interested in adding a text to the “tabs” screen element above the icons. There’s a built in tab title feature, but it doesn’t work well for me because it is enclosed within the tab icon border, which doesn’t fit with my design.
Is it possible to add this text using css? Ideally the text would be centered over each Icon.
Many thanks in advance!
Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hi,
Can you show em a screenshot about what icons are you referring please ?
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionPlease see attached screen shot. I’m interested in adding icon title as shown using css. Is it possible?
Many thanks!
Pete
Hi,
Can you please provide the entire page shortcode content ? to can see it live on broswer how that it behaves and if it’s a easy way please?
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
That isn’t possible since the html structure not permit to add a title for every icon outside the border using this shortcode at at all.An alternative to can name the icons it’s to add a tile for each icon, in the title section.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThanks for the suggestion. The difficulty I’m having with this approach is that the background area increases due to the additional text. Is it possible to set the background color of the tab area to transparent?
If so, using css, is it possible to add an underline below the icon for the active tab?
Thanks again!
Hi,
You can style active tab and active content tab using the next css
COPY CODE/* Set background for addiional content of the tab */ .vc_active .vc_tta-panel-body { background: red !important; color:#fff; } /*Highlite the active tab button*/ .vc_tta-tab.vc_active>a { border: 1px solid #5472d2 !important; color:red !important; }The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘General questions’ is closed to new topics and replies.
