Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 1, 2014 at 1:52 pm #298727
    Rhoody

    I could use some quick css magic.

    How to change the Tab color (passive and active)
    and the content background of the active tab.

    thanks in advanced

    August 1, 2014 at 1:54 pm #298732
    Yigit

    Hey Rhoody!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab { background-color: orange; color: white; }
.main_color .sidebar_tab, .main_color .tabcontainer .tab { color: white; background-color: purple; }

    Regards,
    Yigit

    August 1, 2014 at 11:34 pm #298985
    Rhoody

    thanks a lot :-) works great for PC
    how to make it work for smartphones, here the background color is still white and the text also..

    August 2, 2014 at 3:58 am #299065
    Ismael

    Hey!

    Glad it worked.

    This should change on mobile as well. Just remove the browser cache then reload the page.

    Best regards,
    Ismael

    August 2, 2014 at 5:13 am #299077
    Rhoody

    Ismael,
    thanks for your reply. I did like adviced on my phone
    the TAB color is changing, the TAB-Content background remains light gray.(same color as font-color in PC version) so I only see the link, which is another color.

    August 4, 2014 at 4:56 am #299497
    Rhoody

    I figured all out.but one…

    How to Change Tab Title color ant its font-color and size

    • This reply was modified 10 years, 3 months ago by Rhoody.
    August 4, 2014 at 12:24 pm #299621
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .tab {
color: red!important;
font-size: 16px!important;
}

    Cheers!
    Yigit

    August 13, 2014 at 7:13 am #303671
    Rhoody

    Lovely, thanks.
    the tab content background remains with the old style and unreadable on smartphones (or if you reduce the width of your browser window on your PC narrow enough. http://dumaguete.com/barangays-dumaguete-city/

    please advice

    August 13, 2014 at 12:30 pm #303772
    Yigit

    Hi!

    Please add !important rule to your codes as following

    div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: #207ca0!important;
color: white!important;
}

    Cheers!
    Yigit

    August 13, 2014 at 6:46 pm #303987
    Rhoody

    thanks a lot :-) that did the trick

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Tab Color change’ is closed to new replies.