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

InstantCMS 2.X

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

#1 6 апреля 2019 в 20:31
Здравствуйте. Есть css "тень для объекта" :
  1.  
  2. {
  3. width: 80%;
  4.  
  5. max-width: 550px;
  6.  
  7. margin: 10px auto;
  8.  
  9. padding: 1em;
  10.  
  11. box-shadow:
  12.  
  13. 0 1px 4px rgba(0, 0, 0, .3),
  14.  
  15. -23px 0 20px -23px rgba(0, 0, 0, .8),
  16.  
  17. 23px 0 20px -23px rgba(0, 0, 0, .8),
  18.  
  19. 0 0 40px rgba(0, 0, 0, .1) inset;}
  20.  
нужно применить для виджета "Меню действий" и "Персональное меню" в правой колонке шаблона. Документацию читал, интересно, но практически ничего не понял. Прикручивал в /css/theme-widgets.css к "widget_body" css, стали отображаться с тенью все виджеты. Напишите пожалуйста как для тупого что делать. Спасибо.
#2 6 апреля 2019 в 20:40
это меню? тень для всего или для списка?
add------

add------
в css дописать класс elv_with_us_again
  1.  
  2. .elv_with_us_again {
  3. width: 80%;
  4. max-width: 550px;
  5. margin: 10px auto;
  6. padding: 1em;
  7. 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;
  8. }
  9.  
в настройках виджета добавить
#3 6 апреля 2019 в 21:09
Получилось, большое, человеческое СПАСИБО!
#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 не рекомендуется делать правки, так как все изменения в нем слетят после очередной компиляции.

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