Як додати свій 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;
  • як налаштувати розділи й модулі під завдання вашої справи.

Якщо потрібної відповіді не знайшлося, скористайтеся формою зворотного зв'язку — ми допоможемо розібратися. Розділ оновлюється, щоб ви завжди могли знайти актуальну інформацію щодо роботи з конструктором.