Как добавить свой CSS на сайт

← Indietro

Заведите служебный раздел с модулем «Свой CSS» и доступом только для администраторов — на его странице редактор CSS, стили подключаются на все страницы сайта.

  1. В разделе «Структура сайта» нажмите «Добавить главный пункт», назовите раздел, например «Мой CSS».
  2. В поле «Модуль» через «Выбрать» найдите карточку «Свой CSS» (код custom_css).
  3. «Уровень доступа» — «Только администраторам». Сохраните.
  4. Откройте этот раздел. При первом открытии появится «Файл CSS сайта создан. Он подключается на всех страницах сайта последним.».
  5. Пишите правила в редакторе. Tab — отступ, Shift+Tab — убрать отступ.
  6. Нажмите «Сохранить» или Ctrl+S. Изменения видны на страницах после обновления.

Файл подключается последним на каждой странице, поэтому перебивает стили движка при равной точности селектора. Но настройки из окна стилей блока (шестерёнка) пишутся прямо в блок — их перебивает только !important.

Файл хранится среди файлов сайта и попадает в резервную копию и в шаблон.

Если не получилось

  • Стили спрятали или сломали страницу. Нажмите «Без моего CSS» в редакторе — он откроется без ваших стилей. На любой странице сайта то же даёт добавка к адресу ?nocustomcss=1 (работает только для администратора).
  • «Файл изменён». Файл поменяли в другой вкладке или другой администратор. Можно перезаписать своим текстом или отказаться, скопировать текст и обновить страницу.
  • «CSS-файл слишком большой». Предел — 512 КБ. Уберите лишнее; картинки вставляйте ссылками, а не кодом внутри CSS.
L'articolo è stato utile?

Vedi anche

Как поставить логотип и фавиконкуОбе картинки загружаются в настройках информера «Логотип» — полями «Логотип» и «Фав-иконка».Как оформить блок: рамка, фон, отступы, теньНаведите на блок и нажмите шестерёнку — откроется окно стилей с вкладками «Граница», «Блок», «Текст», «Ссылки», «Анимация», «Позиционирование».Как добавить счётчик или чужой виджет на все страницыВкладка «О сайте» в общих настройках, поле «HTML-код виджетов» — код вставляется на каждую страницу сайта.Что такое информеры в менюЭто маленькие виджеты, которые стоят в меню наравне с пунктами: логотип, корзина, поиск, переключатель языка, чат и другие.