Как сделать индивидуальный стиль для любого виджета
Вопрос: Как изменить цвет фона отдельного виджета, чтобы выделить его визуально от других?
Ответ: Каждый виджет в сайдбаре имеет индивидуальный идентификатор (id), параметры стилей для которого мы можем задать в файле стилей шаблона (style.css, css.css и пр.). Вам остается определить данный id и прописать правильно параметры.
Для работы советую использовать бесплатное дополнение для браузера FireFox под названием FireBug. Если же вы используете Google Chrome, то нажмите просто клавишу F12 в браузере. В Opera выберите "Проинспектировать элемент".
Далее остается визуально определить необходимый нам виджет и его id.
Для наглядной демонстрации я подготовил небольшое видео на примере, где мы определяем id виджета и задаем ему необходимые параметры стилей. Смотрите в высоком разрешении.
Спасибо. Вроде все понятно, буду в коде ковыряться...
Добрый день, а как быть если, для виджетов ID не прописаны. У меня для всех виджетов один и тот же класс
все разобрался...
У меня не прописан айди, только класс, помогите=)
Понял, но не понял что значит id="%1$s" разберите кто нибудь по полочкам. Пожалуйста.
Погуглите обучающие курсы/книги по натяжке на WordPress. В комментариях писать статью не дело)
Спасибо огромное за информацию. Мне очень помогло.
Можете посмотреть, пожалуйста, мой виджет Метки (на странице записи в правой колонке). Я уже прошелся по этому CSS с ног до головы. И классы, и дивы перепробовал, но не получается никак( Я хочу изменить фон самого виджета. При чем, фон меток получается изменить, а вот фон виджета никак....
Если правильно понял, то:
.widget.widget_tag_cloud.clearfix { background: #fff !important; }Добрый лень. Подскажите как сделать тень для виджета vk.
Вот код виджета:
VK.Widgets.Group("vk_groups", { mode: 1, width: "250", height: "100", color1: 'FF1493', color2: 'FFFFFF', color3: 'FF1493' }, 45841818);
Вот код для тени: box-shadow: 0.1em 0.2em 0.2em #000000, 0.1em 0.2em 0.2em #000000;
Добрый.
Так в чем проблема? Вы же знаете параметр css. Применяйте его для блока.
почему то не получается.
Код выложить западло?
Добрый день, уважаемый Вячеслав. Не могли бы вы пояснить своё изречение чуть более подробно, если ваш словарный запас позволяет общаться культурно? Не совсем понятно о каком коде речь.