Make Tabs look like Classic Tabs

[King]

Hi,

I a trying to make my tabs look like my classic tabs i.e. the active tab has a background a colour, particle type effect(maybe its a border line) and different text colour. The reason i want to use the new tabs is so that i can take advantage of the toggle hash and ids so that i can link directly to them. Here is my page where you can see the old tabs above and the new ones below: https://hadleylearningcommunity.org.uk/secondary/geography. I want to get the new tabs looking exactly or as close to the old tabs you see here.

I did use a bit of css for the old tabs to colour it which was:

/* change active tab colour in classic tabs, Ethos theme */
.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover {
box-shadow: inset 0 3px 0 0 #7767c3;
background-color: #433688;
color: white;
}

Hopefully this is possible.

Thanks Guys

[lely]

Hi Chris:

No need for custom CSS. We can achieve that look from all options available for TABS element..

See this: https://screencast-o-matic.com/watch/cYehQbxjMj

Hope this helps.

[King]

Hi @lely, that is perfect thank you. I knew it would be there somewhere! haha. All sorted now. Thanks again and have a nice day

[ruenel]

You’re welcome!
We’re glad @Lely were able to help you out.