WooCommerceページのCSSファイル

Question

WooCommerceページ、特に個々の製品ページのレイアウトを変更しようとしています。しかし、私はCSSコードがどこにあるのか分かりません。私を探しています：

woocommerce-tabs wc-tabs-wrapperのCSSファイルです。

Answer 1

CSSファイルはwoocommerceプラグインフォルダに配置されていwoocommerce：

• woocommerce>資産> CSS> woocommerce.css
• woocommerce>資産> CSS> woocommerce-layout.css

WooCommerce CSSルールを無効にする：
しかし、このルールを上書きしたい場合は、変更するルールをコピーしてstyle.cssファイルをアクティブな子テーマまたはテーマ内に配置し、必要に応じてこれらの優先ルールに!important属性を追加します。
また、一部のテーマでは、このルールをカスタマイズしています。あなたは、あなたのアクティブな子テーマやテーマにwoocommerceプラグイン内に位置するこのtemplatesフォルダをコピーする必要がありますので、その場合には、あなたの親、アクティブテーマのCSSファイルのルール...

編集woocommerceテンプレートはをファイルすることを見つける必要がありますフォルダ、および名前変更 - それをwoocommerce：

Overriding Templates via a Theme

注：彼らはすでにこのテンプレートをカスタマイズしたので、いくつかのプレミアムテーマで、このwoocommerceフォルダが既に存在...