Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #824339

    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.

    #828423

    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

    #828466

    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.

    View post on imgur.com

    #828512

    Hi,

    I am not seeing this issue. Were you able to get this fixed?

    Best regards,
    Jordan Shannon

    #829697

    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.

    #829732

    Hi,

    This is what I am seeing on reduced browsers:

    https://snag.gy/TBXcPL.jpg

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.