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:
Este contenido es exclusivo para los usuarios de pago de la web.
Si ya lo eres accede a tu cuenta, y si aún no te has suscrito, regístrate desde aquí.
¡Nos vemos dentro!
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:
Este artículo ha sido visitado: 7 veces
Obtén acceso a los secretos mejor guardados de WordPress con solo un clic
Suscríbete a la newsletter y recibe en tu correo electrónico 10 snippets de código exclusivos que nunca se han publicado en nuestra membresía y que nunca se publicarán.
Obtén la ventaja definitiva en WordPress y conviértete en un experto.
10 códigos para WordPress, Divi y WooCommerce, que nunca han sido publicados aquí, ni se publicarán
Deja que WordPress trabaje por ti, utiliza código.