WooCommerce page css file

Question

I'm attempting to rearrange the layout for my WooCommerce pages, specifically the individual product page. But I can't find where the CSS code is. I'm looking for:

class="woocommerce-tabs wc-tabs-wrapper"

The css file for woocommerce-tabs wc-tabs-wrapper.

Answer 1

The woocommerce CSS files are located in the woocommerce plugin folder:

• woocommerce > assets > css > woocommerce.css
• woocommerce > assets > css > woocommerce-layout.css

Overriding WooCommerce CSS rules:
But if you want to override this rules is better just copy the rules you want to change in your style.css file located inside your active child theme or theme, adding !important attribute to these overriding rules if needed.
Also in some themes they customize this rules. So in that case, you will need to find that rules on css files of your parent active theme…

Editing woocommerce templates files: You need to copy this templates folder located inside woocommerce plugin to your active child theme or theme folder, and rename-it woocommerce:

Overriding Templates via a Theme

Note: In some Premium themes, this woocommerce folder already exist, because they have already customized this templates…