Para personalizar a barra de Scroll do seu site WordPress só precisa adicionar uma linha de código css no site, pra isso você tem que seguir a seguinte etapa:
- Logado com administrador no seu site, clique em personalizar no canto superior esquerdo
- Selecione a penultima opção “CSS adicional” e cole esse código na caixa de texto:
/* Chrome, Edge e Safari */ body::-webkit-scrollbar { width: 10px; /*largura da barra*/ } body::-webkit-scrollbar-track { background: #000000; /*cor do fundo*/ } body::-webkit-scrollbar-thumb { background-color: #ffffff; /*cor do controle do scroll*/ border-radius: 10px; /*arredondamento*/ border: 2px solid #000000; /*borda*/ } /* Firefox */ @-moz-document url-prefix() { * { scrollbar-width: 10px; scrollbar-color: #C8F0A5 /*cor do controle do scroll*/ #000000; /*cor do fundo*/ -moz-appearance: scrollbar; } } - Ao colar esse código você já vai perceber que a sua mudou, agora é só personalizar com a sua criatividade alterando os Códigos Hexadecimais (HEX #00000)
- Exemplo #000000 para #44aaff que é a cor que usamos dentro do nosos site
- Faça a alteração em ambos os navegadores Chrome, Edge e Safari e também no Firefox como está descrito no código
