Стилизуем скроллбар

Для лендинга (отдельной страницы)
1. Добавляем HTML-код — T123 в самый верх страницы и вставляем в него следующий код (для стилизации на отдельной странице)
2. Изменяем параметры под себя
3. Публикуем страницу

Для многостраничника без общего Хедера
1. Переходим в Настройки сайта→Еще→Пользовательские css-стили→Редактировать CSS и вставляем в него следующий код (без тегов <style> и </style>).
2. Изменяем параметры под себя
3. Сохраняем и публикуем все страницы

Для многостраничника с общим Хедером
2. Добавляем HTML-код — T123 в самый в Хедер и вставляем в него следующий код
2. Изменяем параметры под себя
3. Сохраняем и публикуем все страницы

Скопировать код в буфер обмена


<style>
body::-webkit-scrollbar {
	/* display: none; /* отключаем скроллбар */
	width: 50px; 	/* ширина скроллбара */
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 25px #ffbb001f; 	/* цвет внутренней тени */
	background: #fffaeb; 	/* цвет фона */
}
body::-webkit-scrollbar-thumb {
	background-color: #ffbb00; 	/* цвет ползунка */
	border-radius: 30px; 	/* скругление бордюра */
	background-image: -webkit-linear-gradient(90deg, #ff008d, #ffc800);
}
</style>