Avisos
Vaciar todo

[Resuelto] Desplazar cartel de oferta en productos tienda Woocommerce

4 Respuestas
2 Usuarios
0 Reactions
14 Visitas
Respuestas: 299
Reputable Member
Topic starter
 

Hola,

Estoy teniendo problemas para cuadrar la imagen del producto con el cartel de oferta que Woocommerce muestra en la tienda. Por favor, ¿pueden indicarme para subir el cartel un poco y desplazarlo igualmente a la izquierda. Adjunto imágenes del caso de escritorio y del móvil.

 Vista escritorio:

image

Vista móvil:

image

Adjunto el código que tengo en Apariencias->Personalizar->CSS:

/* Borde y fuente rojo en cartel oferta producto en tienda */

.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .onsale {
color: #ff0100 !important;
border-radius: 10px !important;
}
.woocommerce span.onsale{
border-radius:10px;
border: #ff0100 3px solid !important;
}

Muchas gracias,

Contenido solo visible a usuarios registrados


 
Respondido : 11/12/2020 12:23 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Carmen,

Sustituye el primer código que tienes por este:

.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .onsale {
color: #ff0100!important;
border-radius: 10px!important;
margin-top: -12px !important;
margin-left: -20px !important;
}

Y agregas al final del todo el siguiente código para la versión de teléfonos:

@media screen and (max-width: 372px) {
.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .onsale {
color: #ff0100!important;
border-radius: 10px!important;
margin-top: -25px !important;
margin-left: -37px !important;
}
}

Un saludo 🖐️ 


Esta publicación ha sido modificada el hace 5 años por Argenis
 
Respondido : 11/12/2020 1:05 pm
Respuestas: 299
Reputable Member
Topic starter
 

@argenis Muchísimas gracias, perfecto! 👍 


 
Respondido : 11/12/2020 1:35 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Carmen,

Encantados de poder ayudar 😊, recuerda si tienes alguna otra duda puedes crear un nuevo tema

Un saludo 🖐️ 


 
Respondido : 11/12/2020 1:36 pm