How to add custom CSS to your site

CSS lets you style your website pages, controlling color, fonts, spacing, and other layout components of your site.

While our plugins all use CSS that should blend in seamlessly with WooCommerce, sometimes you may want to customize the style further to achieve a specific look or to better fit your brand.

If you need to adjust the styling of our plugins on your storefront, we recommend adding CSS via the Customizer on your site.

1. Go to Appearance > Customize
2. Choose “Additional CSS”
3. Enter your custom CSS in this text area
4. Click “Publish”

Do not modify the CSS in the plugin files directly. When you update the plugin, your changes will be overwritten, and you’ll lose your customization.

If you don’t see the Customize menu under Appearance, you can also get there by using this URL instead (replacing mydomain.com with the URL for your store):

https://mydomain.com/wp-admin/customize.php?return=%2Fwp-admin