Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Estrechar el mensaje de añadir al carrito  

 
Carlos
 Carlos
Reputable Member

Buenas,

Me gustaría estrechar el mensaje que aparece cuando añades un producto al carrito.

Ajustarlo al ancho del resto de elementos de la pantalla.

Adjunto imagen:

1

Asi es como aparece

2

Asi es como me gustaria que quedara.

Un saludo y gracias por la ayuda

Contenido solo visible a usuarios registrados

Citar
Respondido : 13/08/2021 8:08 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos, 

En este caso puedes probar el siguiente código CSS que puedes añadir en el apartado de Apariencia -> Personalizar -> CSS Adicional

/*Modificar aviso woocommerce*/
@media only screen and (min-width: 992px) {
.woocommerce-notices-wrapper {
display: flex;
justify-content: center;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
width: 75%;
}
}

Este código solo se está aplicando para la versión de escritorio, verifica si con ello puedes modificar lo que deseas

Un Saludo

ResponderCitar
Respondido : 13/08/2021 8:52 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

@karen

Muchas gracias karen, funciona, lo unico me gustaria que la franja azul ocupara todo el ancho de la pantalla como en la segunda imagen, que solo se centre mas el texto.

Es posible?

Gracias

ResponderCitar
Respondido : 13/08/2021 9:24 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos, 

En este caso elimina el código anterior y añade el siguiente

/*Modificar aviso woocommerce*/
@media only screen and (min-width: 992px) {
.woocommerce-message {
padding: 25px 194px !important;
}
}

Verifica si con ello logras configurarlo como deseas

Un Saludo 

ResponderCitar
Respondido : 13/08/2021 9:39 pm