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

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

Сегодня в 16:49

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

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

#5 14 июня 2024 в 09:46

Подскажите пожалуйста как добавить рамку для каждого блока и увеличить между ними расстояние

#6 14 июня 2024 в 23:03

/templates/modern/css/theme.css

#7 14 июня 2024 в 23:33

Хорошо, что в CMS стили не встроены в настройку всего и вся как в конструкторах. Хоть CSS можно таскать с одного сайта на другой )

#8 15 июня 2024 в 00:49

/templates/modern/css/theme.css
akokna

Добавил, скомпилировал, но ничего не поменялось

#9 15 июня 2024 в 13:51

Добавил, скомпилировал, но ничего не поменялось
LazyMazur

Правки надо вносить в файл /templates/ваш_шаблон/scss/_custom.scss и после этого компилировать. В процессе компиляции файл /templates/ваш_шаблон/css/theme.css удаляется и создается новый согласно данных из папки /templates/ваш_шаблон/scss. Поэтому в файле /templates/ваш_шаблон/css/theme.css не рекомендуется делать правки, так как все изменения в нем слетят после очередной компиляции.