Вертикальная прокрутка секции в Elementor Pro

вертикальная прокрутка в elementor Elementor

В статье разберем, как сделать вертикальную прокрутку в Elementor Pro виджета или секции.

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

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

вертикальная прокрутка в elementor

Настройка

Добавьте секцию или виджет в редакторе, нажмите редактировать и переключитесь на вкладку расширенные ⇒ пользовательские css (Смотрите скриншот ниже).

вертикальная прокрутка в elementor pro
Нажмите чтобы увеличить

Скопируйте и вставьте css код:

/*Вертикальная прокрутка Elementor*/
selector{
height: 400px;
overflow-y: scroll !important;
overflow-x: hidden !important;
}

Если необходимо изменить высоту, замените значение «height: 400Px;» вместо 400 к примеру 800, высота поменяется.

Также вы можете изменить скроллбар и задать собственные настройки, более подробно смотрите тут.

Видеоурок, как сделать вертикальную прокрутку в Elementor Pro

 

Оцените статью
Workruseo
Добавить комментарий

  1. Дима

    На самом деле, многое узнал из твоих уроков, спасибо

    Ответить
  2. сергей

    получилось спасибо, но как убрать полоску прокрутки с левой стороны, чтобы просто текст скролился?

    Ответить