Como mudar a cor da barra de rolagem do site

Ta vendo a barra lateral desse site? Se você estiver pelo desktop ou tablet é claro. Se liga como fazer:
Você vai precisar adicionar esse código ao CSS Personalizado do site ou da página em si. Lembre-se de alterar a cor da sua barra na linha 25.
				
					body::-webkit-scrollbar {
width: 10px;
}

body::-webkit-scrollbar-track {
background: #F4F4F4;
}

body::-webkit-scrollbar-thumb {
background-color: #fcbb14;
border-radius: 10px;
border: 1px solid #F4F4F4;
}

CSS PARA MUDAR O DESIGN DA BARRA DE ROLAGEM DO WOODMART:
body::-webkit-scrollbar {
width: 12px;
}

body::-webkit-scrollbar-track {
background: #202020;
}

body::-webkit-scrollbar-thumb {
background-color: #0be954; / Altere a cor aqui /
border-radius: 10px;
border: 2px solid #202020;
}
				
			
Ter uma barra de rolagem personalizada assim, pode fazer com que seu site fique ainda mais com a identidade buscada! Teste ai e depois me conta se esse código foi útil para você!

Se você é legal, então vai deixar seu comentário para ajudar no engajamento, não é?

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Otávio Marques © 2024 | Todos os direitos reservados