css для определенного виджета

InstantCMS 2.X

#1 6 апреля 2019 в 20:31

Здравствуйте. Есть css "тень для объекта" :

код

 
 {
width: 80%;
 
max-width: 550px;
 
margin: 10px auto;
 
padding: 1em;
 
box-shadow:
 
0 1px 4px rgba(0, 0, 0, .3),
 
-23px 0 20px -23px rgba(0, 0, 0, .8),
 
23px 0 20px -23px rgba(0, 0, 0, .8),
 
0 0 40px rgba(0, 0, 0, .1) inset;}

нужно применить для виджета "Меню действий" и "Персональное меню" в правой колонке шаблона. Документацию читал, интересно, но практически ничего не понял. Прикручивал в /css/theme-widgets.css к "widget_body" css, стали отображаться с тенью все виджеты. Напишите пожалуйста как для тупого что делать. Спасибо.

#2 6 апреля 2019 в 20:40

это меню? тень для всего или для списка?
add------

add------
в css дописать класс elv_with_us_again

 
.elv_with_us_again {
    width: 80%;
    max-width: 550px;
    margin: 10px auto;
    padding: 1em;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;
}

в настройках виджета добавить

#3 6 апреля 2019 в 21:09

Получилось, большое, человеческое СПАСИБО!

Сегодня в 20:33

#4 7 апреля 2019 в 21:11

Генератор тени и Border Radius, cssmatic.com/box-shadow. Может кому-нибудь пригодится.

Вывод данных из базы по назван

Как в меню задать цвета пункта

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

css для определенного виджета

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Как получить все виджеты на определенной позиции?

Можно ли в админке добавить css-стиль без заливки дополнительного css файла?

Поле в определённой категории

CSS для поля

Гудкомментарии, Объединять CSS-файлы , JS-файлы , PageSpeed Insights

[ЕСТЬ РЕШЕНИЕ] как Изолировать блок от css системы ?

InstantCMS Team

О проекте

Поддержка

Дополнения