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

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

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

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

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

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

Помогла статья?

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

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

Смотрите также