fbpx

Modificar estilos de Avisos de Error, Añadido al Carrito y Cupones

En la personalización de una Tienda Online, Woocommerce nos tortura con sus avisos comunes y feos, para mi tienda perfumeslujosos.com he decido cambiarlos totalmente con un estilo minimalista. Espero que te sirva!, es muy fácil y rápido 🙂

Existen unos cuantos tipos de avisos:

  • Noticias de Cupones y
  • Avisos para añadir tarjeta de regalo,
  • Mensajes de error y,
  • El aviso del famoso <<Añadido al carrito>>.

Vamos a modificar estilos de avisos con el estilo y color que querrámos para nuestra Tienda en Woocommerce.

Customizar el estilo de Aviso de Añadir Cupones y Tarjetas de Regalo

Para ellos vamos a añadir CSS en Apariencia>> Personalizar >>CSS, sólo debes cambiar lo que está dentro de los corchetes y darle l estilo que quieras..

div.woocommerce-message{
font-weight:500; padding:15px; border:2px solid black; margin-top:40px; margin-bottom:40px;
}

Éste fue el resultado:

Modificar avisos y noticias de cupones en finalizar compra wordpress

Modificar estilo de Avisos de Error

Sólo debes cambiar lo que se encuentra dentro del corchete, y dar el estilo que quieras.. Yo uso el mismo estilo pero con borde rojo 🙂

div.woocommerce-error{
 font-weight:500; padding:15px; border:2px solid red; margin-top:40px; margin-bottom:40px;
}

Cambiar color y estilo de Mensaje de Aviso <<Añadido al carrito>>

Podemos modificar de la misma manera que los anteriores, podes dejar cómo caja y botón, sólo texto o simplemente modificar el color..

div.woocommerce-info{
 font-weight:500; padding:15px; border:2px solid black; margin-top:40px; margin-bottom:40px;
}

Puedes darle el estilo que quieras, muy fácilmente, si necesitas ayuda extra, dímelo en los comentarios 🙂

[Total: 0   Promedio: 0/5]
¡Comparte esto!

Deja un comentario

Compartir
Compartir