Skip to content

Fixing WooCommerce Buttons in Divi

Matt Knighton·Jun 2017·6 min read
Fixing WooCommerce Buttons in Divi

WooCommerce Button Style Issues with Divi

Don’t lose sales because of not so great WooCommerce button styles on your Divi Theme. The default WooCommerce button styles on Divi Theme is average. You can end up with simple issues, like contrasting colour, when you style your button.

The WooCommerce Add To Cart button is the first thing your customer will see on a product page. Being presentable when making a sale is a must. So why be any different when it comes to your WooCommerce button styles?

Styling the button background and font is the least you should do. And it’s not that difficult.

The Fix for WooCommerce Button Styles Issue

We have created a CSS snippet for this fix. Click here to view it on GitHub.

Add the above snippet to your child theme’s stylesheet file.

Also, don’t forget to watch the video above.

Alternatively, you can use our FREE plugin

Introducing WooCommerce Colours for Divi

The WooCommerce Colours For Divi (deprecated), a FREE plugin from diviframework.com, helps you fix the button styles. You can set button font size, font colour, background, border-radius and more.

You can also set styles for alert messages and sale badges.

By using this plugin, you get more styling options for buttons and additional styles for alert messages and sales badges. With automatic plugin updates, you will automatically receive new functionality and fixes.

WooCommerce Colours For Divi Plugin Image Overview

This plugin is FREE. To download this plugin, you need to register as a FREE Member. This enables you to receive future plugin updates automatically.

More Articles & Insights

View all articles ↗
How to Display Multiple Sidebars with Kadence Elements
Mar 2025 · WordPress & AI

How to Display Multiple Sidebars with Kadence Elements

Read Article
Fixing WordPress Emoji Saving Issues with ChatGPT Output
Mar 2025 · WordPress & AI

Fixing WordPress Emoji Saving Issues with ChatGPT Output

Read Article
Why Every WordPress Developer Should Use PHPCS and WordPress Coding Standards
Nov 2024 · WordPress & AI

Why Every WordPress Developer Should Use PHPCS and WordPress Coding Standards

Read Article

Let’s figure it out together

You don’t have to build alone.

A little guidance. A good conversation. A better next step.

Work with me

Start with a 20-minute call. I read every enquiry myself.