Estrechar el mensaje de añadir al carrito

Preguntas sobre WordPress

Último Mensaje por Karen Rios hace 4 años

4 Respuestas

2 Usuarios

0 Reactions

12 Visitas

Carlos

Respuestas: 482

Reputable Member

Topic starter

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:

Asi es como aparece

Asi es como me gustaria que quedara.

Un saludo y gracias por la ayuda

Contenido solo visible a usuarios registrados

Respondido : 13/08/2021 7:08 pm

Karen Rios

Respuestas: 18684

Illustrious Member 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

Respondido : 13/08/2021 7:52 pm

Carlos

Respuestas: 482

Reputable Member

Topic starter

@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

Respondido : 13/08/2021 8:24 pm

Karen Rios

Respuestas: 18684

Illustrious Member 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

Respondido : 13/08/2021 8:39 pm