How to change Add to cart button colour

For all non-specific Support topics.
Xavi

How to change Add to cart button colour

Postby Xavi » Mon Mar 06, 2017 10:52 pm

Hi,

Can anyone tell me how to change the "Add to Cart" button colour in Opencart Overclocked 1.9.1 please?

Xavi

User avatar
villagedefrance
Site Admin
Posts: 109
Joined: Sun May 01, 2016 6:27 am
Location: UK
Great Britain

Re: How to change Add to cart button colour

Postby villagedefrance » Thu Mar 09, 2017 8:32 pm

That would be in the main stylesheet: catalog>view>theme>default>stylesheet>stylesheet.css

From line 720 you will find the styles for all buttons, including "input.button-cart" and "input.button-cart:hover". You can change the "background-color" and the gradients for both.

You might want to do 2 things:
- first: rename the entire template to something else, like "default-2" for example. This way you will preserve the Default template as a backup if you need it later.
- Two: In the stylesheet (in the new template), separate the css definitions for "input.button-cart" and "input.button-cart:hover" from the other buttons onto a new line. Otherwise your changes will affect the other buttons too.

Please note that the "Buy Now" button has its own definition.
Overclocked Edition lead developer.

Xavi

Re: How to change Add to cart button colour

Postby Xavi » Fri Mar 24, 2017 4:21 pm

Thank you!

Kind regards,

Xavi


Last bumped by Anonymous on Fri Mar 24, 2017 4:21 pm.


Return to “General Support”



Who is online

Users browsing this forum: No registered users and 1 guest