Cómo cambiar el color de fondo del aviso global de tienda en WooCommerce

WooCommerce tiene una funcionalidad muy interesante para mostrar un aviso global en forma de barra fija, que puedes usar para simplemente avisar de que estás en pruebas con un sencillo texto o incluso para destacar ofertas, pues admite HTML.

Para activarla solo tienes que ir a WooCommerce > Ajustes y, en la pestaña General, activar el aviso global para, a continuación, personalizar tu texto, y como te he comentado incluso usar HTML a voluntad.

Lo que no tienes es la posibilidad de personalizar su aspecto, que siempre heredará del tema activo, en el mejor de los casos.

Pero es fácil cambiarlo, solo tienes que abrir el Personalizador de WordPress y en la sección de CSS Adicional añadir un poco de CSS a tu gusto, con los colores que elijas, por ejemplo:

Como puedes ver en el código de ejemplo puedes usar tanto el nombre del color como su valor hexadecimal, lo que prefieras. Lo que consigues es pasar de esto…

A esto otro…

Dependiendo del color elegido claro.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (4 votos, promedio: 5,00 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Pin It on Pinterest