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

Изменить 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

 

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

 






info-effect.ru
Изменить CSS стили любого элемента сайта wordpress просто и быстро обновлено: Апрель 19, 2018 автором: Илья Журавлёв

Комментарии

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

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

восклицательный знак Отправляя свои данные Вы соглашаетесь с Политикой Конфиденциальности сайта info-effect.ru.


Яндекс.Метрика

WhatsApp 7 922 717 9869   Связь - Мой Супер хостинг

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх