Product Tabs - Customising Css Tips

Developers Frontend
1

Hi,

I have been playing with the colour of the product tabs. I am using 4.1.2 and reference http://docs.cs-cart.com/product-tabs (this is current for v3). Tried google and various css sites too.



So far I have working



.tabs ul li a {

background: #f4f9fa;

}

.tabs ul li a:hover {

background: #c9e5ec;

}

.tabs ul li a:active {

background: #80c4d6;

}



Does anyone know the code to change the colour of the the current selected active tab? I have been playing around but havent cracked it yet

2

class=“cm-js active” ?

3

Hello Luthien,



It's better to use this code instead of yours:



.tabs ul li {
background: #f4f9fa;
}
.tabs ul li:hover {
background: #c9e5ec;
}
.tabs ul li:active {
background: #80c4d6;
}



Also, it's important what file you use with this code.



Sincerely yours,

CS-Market.

4

Thanks for the repllies. I have downloaded firebug for firefox and am on a learning curve.

5

You might want to try the inspector built-in to FireFox. I prefer it to FireBug personally and it's more tightly integrated.