Hello guys,
how can I set the top border of the active tab? For hover and inactive works fine. I use this code:
/*------------Tab------------*/
.js_active .tab { border-top:5px #f1f1f1 solid;}
div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: #f1f1f1;
border: none !important;
}
#top .main_color .tabcontainer .tab:hover {
background-color: #f1f1f1;
}
.main_color .template-archives .tabcontainer a, #top .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab {
color: #999999;
border-top:5px #0058a3 solid;
}
div .main_color .tabcontainer .active_tab {
background-color: #f1f1f1;
}
.main_color .tabcontainer .tab {
background-color: #dddddd;
}
I resolved it forgot to set !important :)
div .main_color .tabcontainer .active_tab {
background-color: #f1f1f1;
border-top:5px #fad73c solid !important;