Как подключить свой CSS код #2

InstantCMS 2.X
#1 17 октября 2022 в 22:51

Есть такая тема на форуме, но ее закрыли.
instantcms.ru/forum/kak-podklyuchit-svoi-css-kod.html#post-353207
Делаю тоже самое но файл my.css не подключается
Добавляю в templates/modern/scss/theme файл my.scss
Создаю файл my.css в /templates/modern/css
Но ничего не появляется, что делаю не так?

#2 17 октября 2022 в 23:18

Есть такая тема на форуме, но ее закрыли.
instantcms.ru/forum/kak-podklyuchit-svoi-css-kod.html#post-353207
Делаю тоже самое но файл my.css не подключается
Добавляю в templates/modern/scss/theme файл my.scss
Создаю файл my.css в /templates/modern/css
Но ничего не появляется, что делаю не так?

Capitan

Вот нормальное решение опубликовали. 

instantcms.ru/blogs/upravlenie-dopolnitelnymi-stiljami.html

А в вашем случае наверное надо компилировать в настройках.

#3 18 октября 2022 в 09:36

1 my.css подключить в модерн/main.tpl  на 17 строке 

  1. <?php $this->addMainTplCSSName([
  2. 'theme','my'
  3. ]); ?>

2 instantcms.ru/addons/addjscss.html

Добавлено спустя 2 часа
  1. $this->addCSS('templates/modern/css/my.css', false);

В файле: templates/modern/main.tpl.php в конце 17 строки

#4 18 октября 2022 в 11:16

Добавляю в templates/modern/scss/theme файл my.scss

Capitan

Просто найдите файл templates/modern/scss/theme/_custom.scss

Напишите в него свои стили, потом в админке «Сохранить и скомпилировать».

#5 18 октября 2022 в 11:26

Напишите в него свои стили, потом в админке «Сохранить и скомпилировать».

Ris

До этого лучше сделать бэкап.

#6 18 октября 2022 в 12:13

$this->addCSS('templates/modern/css/my.css', false);

Elips

Спасибо, так и сделано, но почему-то не применяет стили.


Изображение

#7 18 октября 2022 в 14:04

2.15.2, 18 строка:

$this->addMainTplCSSName(['theme']); $this->addCSS('templates/modern/css/my.css', false);

В my.css:

.icms-widget.card.mb-3.mb-md-4 {

box-shadow: #ccc 0 0 16px;

border-top-left-radius: 8px;

border-top-right-radius: 8px;

border-bottom-right-radius: 8px;

border-bottom-left-radius: 8px;

transition-duration: 0.5s;

transition-timing-function: ease;

transition-delay: 0s;

transition-property: box-shadow;

}

Виджеты станут красивыми; ) Изменения можно увидеть в Firefox, чтобы были в Google Chrome без чистки истории — Настройки — Интерфейс — Абстрактный счётчик — +1 значение .

#8 18 октября 2022 в 15:23

 Elips, Причем тут виджеты. Это поля.

#10 18 октября 2022 в 17:13

 Capitan, используйте вариант 1 подключения из сообщения #3. Рабочий. Про него писал еще в инструкции по создании дочерней темы

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