Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 15, 2013 at 4:07 pm #26224
    DigitalBerg

    HI GUYS,

    Im using tabs element in the advance layout editor but the problem is how to change background Gray tab colour to white on tabs?

    if there is any code please let me know where to add that coding too please ?

    thanks

    July 16, 2013 at 7:01 am #129743
    Ismael

    Hi,

    You can something like this on your custom.css or quick CSS

    Tab Content:

    div .main_color .tabcontainer .active_tab_content {
    
background-color: black;
    
}

    Tab Menu: 

    div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
    
background-color: black;
    
color: white;
    
}

    Just change the color value.

    Regards,

    Ismael

    July 16, 2013 at 11:01 am #129744
    DigitalBerg

    Excellent Ismael, Solved

    Any quick CSS code for creating tables without borders inside of the tabs ?

    regards

    July 18, 2013 at 2:22 am #129745
    Devin

    Hi qamarqrsh,

    If you create the table from regular html you can then add a div class to wrap it so you can target it. The css would then be:

    .no-border-table{
    
border: 0px !important;
    
}

    and the code you wrap the table in:

    <div class="no-border-table">
    
...Table code here...
    
</div>

    Regards,

    Devin

    July 18, 2013 at 10:21 am #129746
    DigitalBerg

    HI,

    I have this in my html <table style=”width: 100%;” border=”none” frame=”void” rules=”none” cellspacing=”1″ cellpadding=”0″ align=”center”>

    but still border showing up with white and gray box :(

    Any help?

    Regards

    Q

    July 20, 2013 at 2:52 am #129747
    Devin

    The table inline style will get overwritten by the theme. You need to give it the class I mentioned above in addition to the css.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘HOW TO CHANGE BACKGROUND TAB COLOUR?’ is closed to new replies.