Product Page CSS

You cn alwaus just add new rules with !impotant flag:

.something{
color:white!important;
}

OK, not familiar with the !Important flag, I'll check it out...

Thanks, I see the code there. It's the TabActiveBgStart and TabActiveBgEnd that I need to redefine and the actual colours are defined in the styles/style4.php file. Without re-coding I see no way to change the colours of the Add to Cart button without changing the colours of other elements too.

You can split that css from template_css.php to:


#product-tabs li a.current,
#product-tabs li a.current:hover,
#product-tabs .nav li a:hover,
#product-tabs .nav li a:focus{

and

span.addtocart-button input.addtocart-button,
span.addtocart-button input.notify-button,
span.addtocart-button input.addtocart-button:hover,
span.addtocart-button input.notify-button:hover {

then apply different properties

Sorry, not sure what you mean by 'split css from template...'. I think I see what you are doing but do you mean *add* that second section and add some properties to 'span.addtocart-button input.addtocart-button'.

yes original rule applies to 8 selectors, so you just make tow rules whit different properties, for first 4 and second 4 selectors.