Я пытаюсь перестроить макет для моих страниц WooCommerce, в частности, на отдельной странице продукта. Но я не могу найти, где находится код CSS. Я ищу:WooCommerce page css file
class="woocommerce-tabs wc-tabs-wrapper"
CSS-код файла для woocommerce-tabs wc-tabs-wrapper.
WooCommerce файлы CSS находятся в папке WooCommerce плагина:
Переопределение правил WooCommerce CSS:
Но если вы хотите переопределить это правило, лучше просто скопировать правила, которые вы хотите изменить, в вашем style.css файл, расположенный внутри вашей активной дочерней темы или темы, добавив при этом !important атрибут этих переопределяющих правил.
Также в некоторых темах они настраивают эти правила. Таким образом, в этом случае вам нужно будет найти, что правила о CSS файлах вашей родительской активной темы ...
Редактирование шаблоны WooCommerce файлов: Вы должны скопировать эту templates папку, расположенной внутри WooCommerce плагин для вашей активной темы ребенка или тема папки и переименовывать-то woocommerce:
Overriding Templates via a Theme
Примечание: В некоторых премиум темы, это woocommerce папка уже существует, потому что они уже настроены эти шаблоны ...
В качестве альтернативы добавлению '! Important' всюду вы можете присвоить таблицу стилей с более высоким/более поздним приоритетом, чтобы она появилась после * таблиц стилей woocommerce. – helgatheviking
@helgatheviking Да, это правильно, я полностью согласен. Но для начинающих это немного сложнее. Благодаря :) – LoicTheAztec
Не могли бы вы предоставить ссылку на свой сайт, пожалуйста? редактирование вашего вопроса ... – LoicTheAztec
Я делаю это локально, но Wordpress \ wp-content \ plugins \ woocommerce \ templates \ single-product \ tabs класс находится в tabs.php, и я просто хочу изменить файл css из этого –
Никогда не переопределяйте файлы woocommerce расположенный в папке плагина !!! (см. мой ответ). – LoicTheAztec