Изменить CSS стили любого элемента сайта wordpress просто и быстро

CSS

Изменить CSS стили любого элемента сайта wordpress просто и быстро CSS

Хотите узнать как можно очень просто изменить любые CSS стили на wordpress сайте ? Например, вас не устраивает как на вашем сайте выглядит форма поиска, не устраивает её цвет и т.д. Откройте свой сайт, наведите курсор мыши на любой элемент сайта который вы хотите изменить. Нажмите правой кнопкой мыши по данному элементу, в открывшемся окне нажмите на вкладку — Просмотреть код.

Изменить CSS стили любого элемента сайта wordpress просто и быстро

Далее, браузер покажет вам исходный код данного элемента и всю подробную информацию, css стили, html, расположение и т.д. Нас интересует вкладка Styles, то есть CSS стили.

Изменить CSS стили любого элемента сайта wordpress просто и быстро

Теперь необходимо скопировать CSS стили данного элемента, который мы хотим изменить. Копировать нужно с самого начала и до знака }. Копируйте стили где указаны атрибуты элементов которые вы хотите изменить. Например — color, border, background и т.д.

Изменить CSS стили любого элемента сайта wordpress просто и быстро

Далее, установите на свой сайт плагин — Simple Custom CSS. Плагин позволит вам добавлять на свой сайт новые стили для любых элементов сайта. То есть вам не нужно искать стили в файлах сайта, просто добавляете новые стили и всё готово.

Изменить CSS стили любого элемента сайта wordpress просто и быстро

После установки и активации плагина, перейдите на страницу Внешний вид — Custom CSS. Добавляете CSS стили в поле, меняете стили по своему усмотрению, сохраняете стили, нажав на кнопку — Update Custom CSS.

Изменить CSS стили любого элемента сайта wordpress просто и быстро

После чего, зайдите на сайт, обновите страницу и наблюдайте изменения. На некоторых темах может не получиться изменить стили таким образом.

Оцените статью
Добавить комментарий