Free Video Lesson: How to Customize WooCommerce Colors

Customizing WooCommerce colors is probably the first thing you’ll do when customizing a new ecommerce website. Here’s a quick demo on how to simulate new colors directly in your browser and finally save your custom CSS into your child theme’s style.css file

Billing details

Your order

Payment Options

Your personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our privacy policy.

What you Will Learn

  1. Google Chrome “Inspect” Tool

    When you’re about to customize CSS, you usually start by “inspecting” the HTML element you wish to style.

  2. Make Colors Consistent With Your WooCommerce Brand

    If your logo is red, then you want to make your WooCommerce website colors consistent. You got it – let’s turn all red!

  3. Where to place CSS customization

    There is only one answer: your child theme’s style.css file.