Website Building » WooCommerce » How Do I Change the Order of the Button Color in WooCommerce?

How Do I Change the Order of the Button Color in WooCommerce?

Last updated on October 1, 2022 @ 5:20 am


WooCommerce is one of the most popular eCommerce platforms on the internet. If you’re running a WooCommerce store, you may want to change the order of the button colors.

By default, WooCommerce buttons are white with a black outline. However, you can easily change this by going to the WooCommerce settings page and clicking on the “Button Colors” tab.

From here, you can change the color of the buttons to whatever you want. You can also change the text color, hover color, and active color. Just remember to click “Save Changes” when you’re done.

If you want to take things a step further, you can also add custom CSS to your WooCommerce buttons. Just go to the “Advanced” tab and click on the “Custom CSS” box. Then, simply add your CSS code and hit “Save Changes.”

Now that you know how to change the order of the button colors in WooCommerce, you can experiment with different color schemes to find one that works best for your store. Just remember to always save your changes before exiting the settings page.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.