В статье разберем, как на странице изменить (дизайн) скроллбар в Elementor Pro с помощью CSS.
Код
Скопируйте данный кусочек кода:
/*Скроллбар Elementor Pro*/
selector::-webkit-scrollbar{
width: 5px;
background: #AAB0AF;
}
selector::-webkit-scrollbar-thumb{
background: #DD0A25;
}
Далее перейдите в редактор элементора, в левом нижнем углу нажмите на шестеренку, после в верху нажмите на вкладку «Расширенные» ⇒ «Пользовательские CSS» и вставьте скопированный код (Смотрите скриншот ниже).
Настройки скроллбара
Здесь вам необходимо заменить цвета на ваши и на свой лад задать ширину скроллбара.
/*Скроллбар Elementor Pro*/
selector::-webkit-scrollbar{
width: 5px; — «Ширину менять тут»
background: #AAB0AF; — «Задний фон всей линии»
}
selector::-webkit-scrollbar-thumb{
background: #DD0A25; «Цвет ползунка»
}
