Free Video Lesson: How to Customize WooCommerce Styles

Customizing WooCommerce colors is often the first step when setting up a new ecommerce site. In this quick demo, you’ll learn how to preview new colors directly in your browser and then save your custom CSS to your child theme’s style.css file.

CustomizeWoo FREE (#12)

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.