Как сделать свой Scroll Bar (полосу прокрутки) в WordPress

Для того, чтобы на сайте глобально поменять скроллбар (полосу прокрутки), необходимо в настройках внешнего вида темы добавить следующий CSS код:

				
					::-webkit-scrollbar{
    width: 0.5vw;
    background: #ffffff;
}
::-webkit-scrollbar-thumb{
    background: #0013C8;
    border-radius: 0px 0px 0px 0px;
}
				
			

Для работы данного стиля в браузере Firefox необходим следующий код:

				
					/*Firefox Support*/ html{ scrollbar-width: thin; scrollbar-color: #0013C8 #ffffff; }
				
			

Для изменения цвета при наведении:

				
					::-webkit-scrollbar-thumb:hover{ background: #FF5C00; }
				
			

Поделись с друзьями или сохрани себе:

VK
Facebook
Telegram
WhatsApp

Комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Привет! Я - Андрей. Занимаюсь обучением и разработкой сайтов на CMS WordPress и Elementor.

Мой ТОП хостингов в РФ

Мой ТОП хостингов в РБ

Хостинг за крипту в Европе