Cambiar el color de un elemento del menú en WordPress

Cómo cambiar el color de los botones del menú en WordPress con CSS

En ocasiones nos puede interesar cambiar el color de un elemento del menú en WordPress para resaltarlo y hacerlos más vistosos para el usuario. También los podemos usar para animarles a realizar alguna acción como registrarse, llamar o reservar algún producto.

El menú de navegación es uno de los elementos más importantes de una web.

Ya que todo en un diseño web debe estar bien estructurado para mejorar la experiencia del usuario y sobre todo hacerme la vida más fácil. Por ese motivo te voy a enseñar cómo cambiar el color de un elemento del menú en WordPress, Así que vamos a ello.

1. Añadir CSS adicional

Vamos a cambiar el color a un elemento del menú añadiendo clases CSS y añadiremos un icono para hacer nuestra web más profesional y vistosa y de esta manera conseguir que el usuario fije inmediatamente la vista a las pestañas del menú que nos interesa de una forma fácil y sencilla.

Una vez dentro de esta sección vamos a ir a la CSS adicional, donde vamos a añadir el siguiente código.

2. Vamos a crear un bonito botón con fondo verde.

.boton-verde {
text-decoration:none;
background-color:#fa5a1e;
}