Hacer una web conlleva muchas cosas, pero una de ellas es hacerla única para tu clienta y ayuda bastante personalizar tu WordPress de una forma divertida y original.
Dentro de las opciones cambiar la barra deslizadora de color es una de ellas. Quizás no es algo supervisible o destacable, pero le da un toque más personal con los colores corporativos de la clienta. Y hoy te vengo a explicar como se hace.
Puedes navegar por cualquier página de mi web y verás como está el color modificado y no el típico gris.
CÓDIGO HEX DE LOS COLORES
Antes que nada necesitar el código Hex de los colores de la barra para personalizar tu WordPress. Puedes mirar esta web si no lo sabes.
- Para el color de la barra
- Para el hover de la barra
- El color de fondo (el gris)
CÓDIGO EN WORDPRESS
Desde tu WordPress ve a personalizador de tema y allí desliza hasta la opción «Css adicional» y ahí copia el código que te dejo a continuación.
COPIA Y PEGA ESTE CSS
/*BARRA DESPLAZAMIENTO*/
::-webkit-scrollbar { width: 13px; /* ancho barra, puedes cambiar el número*/ }
::-webkit-scrollbar-track { background: #f1f1f1; /* color fondo barra, esto normalmente es un tono gris claro */ }
::-webkit-scrollbar-thumb { background: #ED6E65; /* color barra*/ border-radius: 2px; /*redondez de la barra */ }
::-webkit-scrollbar-thumb:hover { background: #F8D2B2; /* color barra hover */}
/* FIN BARRA DESPLAZAMIENTO*/
Y así de fácil es modificar el color de barra deslizadora de tu web y personalizar tu WordPress un poquito más 😊
✨ Si tienes alguna duda puedes escribirme a través de la página de contacto o a mi Instagram y hablamos.
