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.
What you Will Learn
- Google Chrome “Inspect” Tool
When you’re about to customize CSS, you usually start by “inspecting” the HTML element you wish to style.
- 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!
- Where to place CSS customization
There is only one answer: your child theme’s style.css file.