Создание лендинг пейдж из шаблона
Установка reCAPTCHA v3 на все формы сайта
Как установить на сайт поиск от Яндекса
Настройка поисковых подсказок для поиска от Яндекса
Основные принципы работы в конструкторе
Элементы и блоки конструктора сайтов
Редактирование шаблона
Копирование и вставка блоков
Как сделать быстрые ссылки / якоря
Как создать слайдер для сайта
Как добавить быструю ссылку в текст, или в кнопку?
Кнопка "Заказ обратного звонка"
Делаем красивую форму заказа
Как сделать из вертикальной формы заказа горизонтальную
Как вставить таймер обратного отсчета на лендинг
Интеграция с социальными сетями
Как вставить видео с YouTube на лендинг
Расширенный стиль элементов
Как вставить карту местоположения на сайт
Оплата заказов на сайте через сервис Robokassa
Прием платежей на сайте через сервис Robokassa
Оплата заказов на сайте через сервис Wallet One
Создание мобильной версии сайта
A/B тестирование
Создание мультилендинга
Анализ эффективности рекламы
Вставка HTML-кода на страницу
Мои файлы (прайс лист)
Как создать внутреннюю страницу сайта
Как использовать общие секции
Меню, заголовки в меню, сортировка внутренних страниц
Запуск сайта по шагам
Сквозное редактирование блоков
Настройка товаров
Работа с фоновыми изображениями СЕКЦИИ
Работа с готовыми секциями
Общие настройки страницы
Как сделать всплывающие подсказки в тексте?
Красивые градиенты для элементов и блоков
Стильные CSS градиенты для фона
Создание аккордеона (спойлера) на сайте

Работа с фоновыми изображениями СЕКЦИИ

Фоновая картинка в секции

Работа с фоновым изображением:

Фоновое изображение можно перемещать по секции, при помощи данного элемента. Наведите мышку на элемент, нажмите левую клавишу и не отпускаю перемещайте фоновую картинку по секции.

Если фоновое изображение является текстурой, ее можно повторить: по горизонтали, вертикали или замостить всю секцию.

Размер фонового изображение так же поддается редактированию.

При активации галочки «Фиксировать фон» - фон фиксируется относительно других элементов и при прокручивании остается на месте.

Наложение цвета на фон. Для придания стильного эффекта первому экрану используйте опцию: Цвет наложения.

Примеры использования наложения цвета