Обратите внимание!
Данная статья не заменяет базовых знаний о CSS, а демонстрирует, как можно применять CSS в конструкторе страниц.
1. Добавление класса
Чтобы задать элементу индивидуальные стили, достаточно добавить ему класс.
- Чтобы добавить класс, подведите курсор к нужному элементу и кликните по шестерёнке.
- Укажите в поле «Теги» смысловой класс на английском языке, например, form-01__title, form-01__text, form-01__btn и т.д.
- Сохраните настройки.

2. Создание блока стилей
Для вставки блока стилей необходимо:
- Открыть список создаваемых элементов.
- Выбрать пункт меню «Вставка».
- Выбрать блок «CSS-код».

3. Список возможных селекторов
В данном примере использовался следующий перечень классов:
- form-01__title — используется в качестве заголовка
- form-01__text — текст, размещаемый под заголовком
- form-01__input — для полей
- form-01__btn — для кнопок
Это не означает, что вы обязаны действовать именно так, это всего лишь название элемента. Названия классов можно выбирать самостоятельно, но это ещё не всё.
Приведем примеры обращения к селекторам, которые следует применять для изменения стилевых свойств элемента:
1) Для заголовка
.ваш-класс-заголовка .f-header > p {
text-decoration: underline;
}
2) Для текста
.ваш-класс-текста .f-text > p {color: blue;
text-decoration: line-through;
}
3) Для поля
.ваш-класс-поля .field-content > input {
border-color: red;
}
4) Заголовок, расположенный рядом с полем
.ваш-класс-поля .field-content > .field-label{
color: green;
border: 1px solid blue;
}
5) Для кнопки
.ваш-класс-кнопки > button.f-btn {
text-transform: uppercase;
border-radius: 30px;
transition: all .3s;
}
6) Для кнопки при наведении
.ваш-класс-кнопки > button.f-btn:hover {
border-radius: 20px;
}
7) При нажатии на кнопку
.ваш-класс-кнопки > button.f-btn:active {
border-radius: 10px;
}
Приведем пример использования кода:

Результат работы описанного кода:

В постах канала показываем, как цифры превращаются в решения: где реально идёт выручка, а где утечки. «Один график в боте экономит часы споров». Больше коротких приёмов и кейсов внутри.
Актульные темы с записей эфиров
13.03.25 - 98 минут
Регулярный менеджмент помогает командам ставить рекорды по метрикам.
Как из ленивой команды, которая перекладывает с полки на полку задачи, сделать спортивную, которая бьет рекорды из квартала в квартал.
Разбираем основные метрики отчета Monitor Analytics для руководителей и собственников.
смотрите >>
Практикум - 6 часов
Продажи без слива.
Потенциал в базе.
Узнаете, где спрятана прибыль в вашем проекте. Чёткие инсайты на основе цифр.
У вас достаточно данных. Чтобы найти как расти. За счёт правильной работы с базой пользователей и корректной аналитики — школы зарабатывают в разы больше. В разы — это 80% всего дохода с базы при крутом холодном трафике.
смотрите >>
120 минут
Как выиграть конкуренцию за внимание в email-рассылках и повысить доход?
Открываемость писем падает? Подписчики не читают ваши сообщения? Конверсии низкие, а расходы на email-маркетинг растут?
Eзнайте как повысить эффективность ваших email-кампаний, снизить затраты и увеличить продажи!
смотрите >>
130 минут
2025: что изменилось в продажах за 5 лет.
Стоимость трафика выросла в 3-5 раз. Конкуренция на рынке онлайн-школ увеличилась. Пользователи стали избирательнее и требовательнее.
Сегодняшние лидеры рынка используют новые стратегии, основанные на системной работе с базой. Именно про эти стратегии поговорили на вебе.
смотрите >>
90 минут
Не тот путь: опасные методики и токсичные тренды.
Как избежать тупиковых решений в маркетинге онлайн-школ и вовремя отслеживать негативные процессы.
Расскажу про новые опасности из разборов. 70% разборов 2024 года можно красить в красный цвет: выбран не тот путь развития и уже очень давно. Огромные обороты, а перестраиваться уже очень больно.
смотрите >>
Аналитика рассылок GetCourse
Подключите модуль «Рассылки» в Monitor Analytics и перестаньте работать вслепую: вся статистика писем, сегменты, конверсии и отписки собраны в одном отчёте. Сравнивайте кампании, находите точки роста и повышайте продажи за счёт грамотной работы с базой.
авторизуйтесь