Hi,
I created a tab section – https://themrteam.com/dev/buyers/
1- How do I change the font style/color of the tab title?
2- I chose to display icons but I was wondering if it is possible to make each of the icon a gradient from light to darker yellow instead of the solid yellow color?
3- How do I make those icons larger? so that the tabs are more spread out on the page or should do I have to increase the spacing between the icons? I just want the tabs to spread out a bit more over the page.
Hey navindesigns,
Try this code in the General Styling > Quick CSS field:
span.av-inner-tab-title {
color: red !important;
font-family: Arial, sans-serif!important; }
#top .av-section-tab-title {
padding: 10px 40px 0px 40px!important; }
The first part is for question 1, and the second part is for question 3.
I have no easy fix for question 2, to do so would be some intensive code that is beyond what we can offer here, but you could hire a freelancer. Perhaps Upwork.com
Best regards,
Mike
Thank you that works
one more question
The icons and text are not in line (see screenshot below). Can the top of the icons be in line with each other.
Hi,
I am not seeing this issue. Were you able to get this fixed?
Best regards,
Jordan Shannon
No, the issue occurs on small window sizes (Mac laptop/mobile)
screenshot – http://imgur.com/a/ZsSb6
Can you make the top of each icon in line with each other? Right now, some of the icons are higher than others.
Hi,
This is what I am seeing on reduced browsers:
Best regards,
Jordan Shannon