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

← Назад

Заведите служебный раздел с модулем «Свой 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.
Помогла статья?

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

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

Подсказки для работы с конструктором

Раздел «Помощь» создан для тех, кто впервые собирает сайт на «Первой линии». Здесь собраны ответы на частые вопросы: как создать сайт, что писать в полях, как редактировать тексты и фотографии, как подключить собственный домен и настроить разделы. Материалы помогут разобраться без обращения в поддержку.

Конструктор устроен просто: вы заполняете поля на странице создания, а затем правите содержимое прямо на готовом сайте. Если что-то не получается или непонятно, загляните в соответствующий пункт помощи. Инструкции написаны простым языком и описывают каждый шаг.

В помощи вы найдёте ответы на вопросы:

  • как придумать адрес сайта и что делать, если имя занято;
  • как изменить название, описание и другие тексты на странице;
  • как добавить товары, услуги или формы заявок;
  • как подключить свой домен вместо адреса на firstline.com.ua;
  • как настроить разделы и модули под задачи вашего дела.

Если нужного ответа не нашлось, воспользуйтесь формой обратной связи — мы поможем разобраться. Раздел обновляется, чтобы вы всегда могли найти актуальную информацию по работе с конструктором.