5 сентября, 2021

Фон секции в Elementor

В этой статье мы разберем еще один из самых часто задаваемых вопросов — как изменить фон секции в Elementor.

Напомним, что настройки фона есть у каждого виджета Elementor и располагаются они на вкладке «Расширенные => Фон», но для секций, колонок и внутренних секций, данные настройки расположены на вкладке «Стиль => Фон» .

fon vidzhetov v elementor
Фон виджетов в Elementor
fon sekczii v elementor

Фон секции по умолчанию

По умолчанию, фон для секций, колонок и внутренних секций прозрачный и при заливке страницы фон секции закрасится фоновым цветом всей страницы.

fon sekczii v elementor 002

Добавим фон секции

Чтобы сделать фон секции или колонки непрозрачным, нужно зайти в настройки секции (колонки) на вкладку «Стиль», выбрать настройку «Фон», установить тип фона и, в зависимости от типа фона, установить или сплошную заливку, или градиентную, а также видеофон или слайдшоу.

tipy fonov v elementor 001

Примеры типов фонов в Elementor.

Классический фон

fon sekczii v elementor. odin czvet
Классический фон

Градиентный фон

fon sekczii v elementorgradientnyj fon
Градиентный фон

Видеофон

videofon v elementor 1
Видеофон секции

Слайдшоу фон

В качестве фона устанавливаются изображения из галереи сайта.

slajdshou. fon
Слайдшоу в виде фона

Типы фона настраиваются аналогично практически для всех виджетов Elementor

Перекрытие фона в Elementor

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

Для этого в Elementor предусмотрено перекрытие фона.

Название данной настройки говорит само за себя — второй дополнительный фон перекрывает первый основной.

Для перекрытия фона доступны только два типа фона:

  • классический;
  • градиентный

Отличительной особенностью перекрывающего фона является наличие альфа-канала, который позволяет настраивать степень прозрачности перекрывающего фона.

perekrytie fona sekczii v elementor 001

Давайте рассмотрим использование перекрытия фона на примере, добавив к примеру с фоном секции в виде слайдшоу.

И так, зайдем в настройку «Перекрытие фона» на вкладе «Стиль» секции.

Далее подберем цвет перекрывающего таким образом, чтобы текст хорошо различался на фоне слайдшоу. Для нас это будет белый фон с прозрачностью 0,7. По умолчанию при активации перекрытия фона значение прозрачности равно 0,5.

perekrytie fona sekczii v elementor 002

Удалить фон секции

Многие задают вопрос, как удалить фон секции, если он уже установлен?

В последних версиях Elementor это можно сделать, кликнув по кнопке «Очистить», в результате значение фона станет по умолчанию.

ochistka fona elementor

Более подробно о каждом типе фона в Elementor читайте а нашей статье «ФОН В ELEMENTOR»

0

Интересные статьи

Ошибка WordPress: извините, этот тип файла недопустим по соображениям безопасности

Извините, этот тип файла недопустим по соображениям безопасности Привет, друзья! Иногда, при попытке загрузить файлы в WordPress, появляется сообщение об ошибке следующего

Читать полностью »

Внутренняя секция

Внутренняя секция Elementor. Внутренняя секция Elementor -это, своего рода, строка, которую можно вставить только в колонку основной секции. Она (внутренняя секция), позволяет

Читать полностью »
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x

Блог о Веб-разработке на Wordpress, Elementor и Elementor Pro:
Документация. Уроки. Видео

Блог о Веб-разработке на Wordpress, Elementor и Elementor Pro:
Документация. Уроки. Видео

Регистрация

Announce

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.