How To Change Woocommerce Button Color

by | Feb 4, 2023 | Elementor Page Builder, Web Design, Woocommerce, Wordpress

How To Change Woocommerce Button Color

How To Change Woocommerce Button Color.

Today we will be demonstrating how to inspct your page and get the info needed to change the color. We will then write and publish the CSS Code to change the woocommerce button color.

Elementor is a great free WordPress page builder plugin. We have created some video series using Elementor. In this series of videos we will go from initial install on a new W ordPress site to building a fully working WordPress ecommerce website with products and categories using the great Elementor builder.
In this video today we will be demonstrating how to build a product category page with Elementor. To do this we will be using some Woocommerce short codes. You can find a full list of shortcodes for Woocommerce in the link below.

Button Color Code: 

Sale Badge CSS:

.onsale { background:red; }

Woocommerce shortcodes:

Elementor Ecommerce Shop Site Build:


My Elementor Video Playlist :


Elementor Hover Effects Playlist:


Get Elementor From Here:

Check out our playlist page for more videos on this:

Have a great website design

It is essential to have a great website design nowadays as so many people tend to shop and find services online. It is also very important to have a responsive website design as almost 50% of today’s browsing is done on smartphones and tablets, I certainly use mine for browsing. If a customer navigates to your site and they have to pinch and zoom to be able to read and navigate, the chances are that they will move away to another site and you will almost certainly lose that customer.

A well-developed website can convey trust and credibility, making people to buy from you, or support you. Whether you are a professional looking for a job, or an expert in your industry: you can show that to the whole world by having a custom responsive website.

Be sure to check out our playlist page to find the help you need!

Free Stock Photos

Stock photos are essential when you’re building a website. Of course it’s quite possible to build a website not using any photos or images, but it’s going to be a pretty uninteresting looking site, even if the content is top-notch. Adding images to any website creates an interest factor, attracts the eye and will surely make your visitors more likely to read on and see a little more.

There are a huge number of stock photo sites available out there, and they all have some really fantastic looking images ready for you to insert into your site. But buying these images can get quite expensive especially from some of the more well-known sites like Shutterstock.

Free Stock Photos – Where to get an unlimited supply

Free Stock Photos – Where to get an unlimited supply

Latest YouTube Videos

Subscribe To Our YouTube Channel

4.5 million views on youtube

Test Out The Divi Theme

IT Certification Category (English)300x250

Elementor Page Builder

Pin It on Pinterest

Share This