Okay
  Public Ticket #3076357
Tabs Styling - Change Colors
Closed

Comments

  •  4
    XP_Creates started the conversation

    I am using the Minimal Flexible Width Tabs. I have three and I want each to be a unique color when active. Specifically my accent color, the extra color 1, then extra color 2 in that order. Is that possible? 

  •   XP_Creates replied privately
  •  8,839
    Tahir replied

    Please provide the page url where we can view the Tab Element.

    Thanks 


    ThemeNectar Support Team 

  •   XP_Creates replied privately
  •  8,839
    Tahir replied

    Do you wish to change the Background Color or just the Underline ?.


    ThemeNectar Support Team 

  •  4
    XP_Creates replied

    The underline. 

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .tabbed[data-style*="minimal"][data-color-scheme="extra-color-gradient-1"] > ul li:nth-child(1) a:after {
        background: #0675c4;
        background: linear-gradient(to right,#add,#15c478);
    }
    .tabbed[data-style*="minimal"][data-color-scheme="extra-color-gradient-1"] > ul li:nth-child(2) a:after {
        background: #0675c4;
        background: linear-gradient(to right,#15c478,#0675c4);
    }
    .tabbed[data-style*="minimal"][data-color-scheme="extra-color-gradient-1"] > ul li:nth-child(3) a:after {
        background: #15c478;
        background: linear-gradient(to right,#cc1818,#eccb05);
    }

    Thanks


    ThemeNectar Support Team 

  •  4
    XP_Creates replied

    Thanks so much! This was better than I expected with the gradient effect.