Cómo colorear la barra de scroll del navegador
En esta ocasión vamos a ver cómo colorear la barra de scroll del navegador con tus colores corporativos o con los que más te gusten.
El código CSS que vamos a utilizar es muy sencillo, ya lo verás.
Código que vamos a utilizar
Como te he dicho, es un código CSS bastante sencillo de entender y de modificar. El código puede ser algo parecido a este:
Como puedes ver, no tiene excesiva complejidad, en primer lugar, decimos que el body de nuestra web va a mostrar una barra de scroll personalizada con un tamaño definido. A continuación, establecemos una serie de parámetros, como son las esquinas redondeadas y el color y opacidad de la sombra. Por último configuramos los colores de la barra de scroll.
Ya sabes que puedes adaptarla a tus necesidades, puedes cambiar casi cualquier cosa, pero yo te aconsejo que únicamente cambies los colores que yo he puesto, por aquellos que necesites.
¿Dónde ponemos este código?
Como ya sabes, tenemos varios sitios donde pegarlo, pero ya que es código CSS, te aconsejo que lo pegues en el personalizador de tu tema, ya sabes: menú Ajustes, Personalizar, CSS adicional.
El resultado de este código es el siguiente:
Deja que WordPress trabaje por ti, utiliza código.