Thank you - the exact work around I was looking for. Cheers ~jm
You can create a custom component and add this to CategoryPage. Inside the component, you can do like below.
<#if coreNode.id = 'category1-id' || coreNode.id = 'category2-id' || coreNode.id = 'category3-id' || coreNode.id = 'category4-id' > <style>
#tabs-container .current > a:hover {
color: #000;
}
</style> </#if>
The above CSS will only render on the four pages which you have created, it will not affect any other page. You will need to update these id's (category-1id, caetgory2-id ,...) from your community structure.
Thank you - the exact work around I was looking for. Cheers ~jm
