Hi,
I’ve included the tabs section on my homepage (http://pocketmanchester.pocketmcr.co.uk) but I’m not sure what Custom CSS I need to add to the Theme Panel to make it so that all of the tabs look the same as the ‘Rugby League’ and ‘Other Sport’ tabs?
For example I’d like the ‘hover’ and ‘clicked’ states of the titles to be the same yellow as the last 2 tabs (not multicoloured like the first 5) and the category to have a slightly transparent black background (again, like the last 2 tabs) which changes to yellow when hovered over.
Thank you in advance.
Hi,
You can try this code, it will make the tabs be the same defined color when hovered and active
– https://www.screencast.com/t/xFMznnQgq0l
.td-tab-color .vc_tta-title-text:hover,
.vc_active .vc_tta-title-text {
color: #ffda00;
}
Thanks
Hi,
That seems to have solved part of the problem, however when I hover over a certain part of the text on the tab it seems to still show the old colouring? See: https://www.screencast.com/t/toZIzUVvTC
It seems to be that when you hover just below the text it changes colour.
Also, is there a way of changing the background colour of the category to be the same as the background colour of the title, but make it yellow when hovered over like the last 2 tabs? See: https://www.screencast.com/t/MRzBfnSOl4Pu
Thanks again.
Hi,
It would be best if these modifications are made directly in the demo stylesheet – https://www.screencast.com/t/FDtYuhSYGg instead of creating overwriting code that is proving to be not so easy, this would also remove the need to use a considerable amount of code to achieve just a color change, needed for each of the tabs. Please try and make the modifications to the category tag and the tab color and this will be a better solution. Please let me know if you need further help.
Thanks
That seems to have done the trick – thanks very much for your help! 🙂
