Individual Tab hover colour and unique URL

[jasksks]

Hi there,

Hover Colour
Have a simple query that I’m struggling to find answers for on the forum. Please could I ask how I can change individual tab hover and active colours? For example tab 4 to be a different hover and active background colour unique to the rest of the tabs.

#URL in browser
I’ve assigned unique toggle hashes to each tab. Is it possible to have the hash url show up on the browser when switching tabs?

Thank you in advance.

[ruenel]

Hello @jasksks,

Thanks for writing in!

Since you have added toggle hashes, you can use the Tab ID and use it in a CSS code. For example like this:

#tab-mycustomtogglenameone {
    background-color: red;
    color: white;
}

#tab-mycustomtogglenameone:hover {
    background-color: green;
    color: blue;
}

And then add this custom CSS code in Cornerstone > Theme Options > CSS to get a result something like this:

The code above serves as an example code. Feel free to modify it when needed. Be advised that custom coding is beyond the scope of our support under our Support Policy. You will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future.

If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.