Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 31, 2016 at 10:26 pm #667063
    webdesign

    Hi,
    How can I change the color of the “active” tab (the tab that is currently open) on mobile devices? I’ve been able to change it on the desktop, and used some code I found on your forums for the mobile device, but it is still a very bright blue.
    Thanks much!

    August 1, 2016 at 7:59 am #667138
    Vinay

    Hey webdesign,

    To change the active tab color please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px){
.responsive #top .main_color .tabcontainer .active_tab {
    background-color: #0f0d9e!important;
}
.responsive #top .main_color .tabcontainer .active_tab h4{ 
    color: #ffffff!important;
}}

    Best regards,
    Vinay

    August 2, 2016 at 5:03 am #667545
    webdesign

    Thanks Vinay. I’ve actually since made several adjustments to the tabs so they now respond like the desktop version. They are now functioning, and so is the color. However, I have one issue left. I’d like the tabs that are active to have a border continue around them – an outline helps make it look like the open tab). Somehow I think I turned that feature off. Can you take a quick peak and see if you can help me turn the border back on the active tab? Thanks!

    August 6, 2016 at 6:00 am #669217
    Rikard

    Hi,

    Please try the following CSS:

    .active_tab {
border-bottom: 1px solid #e1e1e1 !important;
}

    Thanks,
    Rikard

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