Avisos
Vaciar todo
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:
Vista móvil:
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
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
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
