Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2013 at 10:57 pm #163213
    awilson3rd

    I have spent the last 4 hours trying to change the color of the tab (not the container but the background part of the tab title) using every possible combination of custom css I can find on here but nothing works. In fact, no custom css for the tabs works except for the size option, this is my last attempt:

    .tab {font-size:14px !important;}

    .js_active .tab_titles .tab {
    background-color: #0c962b !important;
    }

    I also tried the information on this link: https://kriesi.at/support/topic/change-tab-colors-hover-text/

    Nothing seems to make any effect. So, can someone please tell me the correct css to change the following:

    Background of the tab title for active and inactive tabs
    Color of the font for the title for inactive and active tabs
    background color of the tab content box (where the content is actually added)

    Also, I am not a fan of the new support layout:-( Searching takes so much longer when each message is threaded in this way – and, it seems all of my favourites have been removed.

    Thanks

    Andrew

    September 19, 2013 at 12:23 am #163234
    awilson3rd

    I think this might be a problem with w3 total cache and the way the cache files are purged. When I make a change I purge all caches but for some reason it looks like the CSS from enfold is not being updated with the new information. Deactivating w3 total cache is the only way I can get the css to update??

    Any ideas on a workaround?

    Thanks

    Andrew

    September 19, 2013 at 12:44 am #163241
    awilson3rd

    Ok, I am still having problems with the syntax and the many different suggestions in the support forum so can someone please let me know the correct css for the following:

    Background of the tab title for active and inactive tabs
    Color of the font for the title for inactive and active tabs
    background color of the tab content box (where the content is actually added)

    Thanks

    Andrew

    September 19, 2013 at 1:50 pm #163573
    Yigit

    Hello Andrew!

    Please add following code to Quick CSS in Enfold theme options under Styling

    div .main_color .tabcontainer .active_tab {background-color: red; color: white }
.main_color .tabcontainer .tab { background-color: blue; color: pink }
div .main_color .tabcontainer .active_tab_content { background-color: yellow; color: red; }

    Regards,
    Yigit

    September 19, 2013 at 1:58 pm #163577
    awilson3rd

    Thanks Yigit,

    Will give it a try!

    Andrew

    September 19, 2013 at 3:10 pm #163607
    Yigit

    Hello!

    You can try forcing it by adding !important ( color:red!important; ) to each element

    Regards,
    Yigit

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