How to change button color of Add-to-cart in Opencart

Default color of Add-to-cart button is blue, it may not suit your customized theme.



Step 1. Log in Cpanel or server
Step 2. Look for .../catalog/view/theme/default/image/ in file manager



In other tutorial, you maybe advised to look for
button-left.png
button-left-active.png
button-right.png
button-right-active.png
button-active.png

However, in my case I can only find this button.png relevant after browsing all button names.

Step 3. Download button.png and change to the color you want.



Step 4. Upload the png file and overwrite it. (although this is not professional it's fast)



Bingo.

[opencart] How to change grid view columns width?

How to modify number of grid columns?

Step 1. Log in Cpanel or server

Step 2. Look for catalog/view/theme/yourtheme/stylesheet/stylesheet.css

Step 3. Search for class .product-grid > div

In my opencart version 1.5.6.4, there are 2 classes to change column width. Save the changes and refresh front page and adjust to your favorite. :)