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

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

 

просмотр кода элемента

 

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

 

исходный код

 

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

 

CSS стили wordpress

 

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

 

плагин wordpress

 

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

 

custom css

 

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

 


Оцените статью