20 Янв 2017

Как изменить стиль в дочерней теме?

Вы установили дочернюю тему и желаете изменить стили на свой вкус. Как уже указывалось в теме о дочерних темах, вам достаточно внести изменения в файл style.css вашей новой темы. Это работает в том случае, если родительская тема имеет несложную иерархию и всего один файл со стилями.


Но что делать, если в теме несколько отдельных файлов со стилями и иерархия выглядит, например, так?

Решение:

Для этого существует замечательный плагин Simple CSS, который прекрасно помогает изменять стили в дочерней теме без проблем и лишних движений.

Устанавливаем плагин обычным способом, активируем. Ссылка на редактирование Simple CSS появиться во вкладке Внешний вид. Кликаем на ссылку Simple CSS.

Simple CSS плагин в админке

Теперь мы можем в появившееся окно вписать любой необходимый нам стиль. Например, нужно внести изменения в мобильную версию сайта. В родительской теме стили для мобильной версии были прописаны в отдельном файле mobile.css (см. изображение выше). В окошке Simple CSS мы указываем, что хотим внести изменения для мобильной версии и прописываем стиль. Сохраняем изменения и проверяем.

@media (max-width: 768px)
 {
    /* Mobile CSS in here */
}

Если у вас возникнут вопросы по стилям - смело спрашивайте в комментариях.

Понравилась статья? Поделись с друзьями!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку * Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.