How to edit woocommerce style.dev css file?

by elise_daugherty , in category: PHP CMS , a month ago

How to edit woocommerce style.dev css file?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

by scotty_walker , a month ago

@elise_daugherty 

To edit the WooCommerce style.dev.css file, follow these steps:

  1. Access your WordPress dashboard and navigate to Appearance > Theme Editor.
  2. In the Theme Editor, locate the WooCommerce style.dev.css file. This file is usually located in the wp-content/themes/your-theme-name/woocommerce/css folder.
  3. Click on the style.dev.css file to open it for editing.
  4. Make the necessary changes to the CSS code in the file. You can modify styles, colors, fonts, margins, etc. as needed.
  5. Once you've made your changes, click the "Update File" button to save your modifications.
  6. After saving, review your website to ensure that the changes you made are displayed correctly and have the desired effect.


It is recommended to make a backup of the original style.dev.css file before making any changes, so you can revert back if needed. Also, keep in mind that editing core theme files can be risky as changes may be overridden during theme updates. It is generally recommended to use a child theme or custom CSS plugin to make modifications to WooCommerce styles.