Як додати свій 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-код віджетів» — код вставляється на кожну сторінку сайту.Що таке інформери в менюЦе маленькі віджети, які стоять у меню нарівні з пунктами: логотип, кошик, пошук, перемикач мови, чат та інші.

У розділі довідки ви знайдете відповіді на поширені запитання та корисні інструкції щодо роботи з конструктором сайтів Site Look. Тут можна дізнатися, як керувати розділами, додавати об'єкти та налаштовувати сайт. Матеріали будуть корисні як новачкам, так і досвідченим користувачам. Якщо ви не знайшли відповідь, зверніться до підтримки.