Avisos
Vaciar todo

[Resuelto] Desplazar cartel de oferta en productos tienda Woocommerce  

 
Gabriel
 Gabriel
Reputable Member

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
 Argenis
Soporte CMS Webempresa 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 3 años por Argenis
Respondido : 11/12/2020 1:05 pm

Gabriel
 Gabriel
Reputable Member

@argenis Muchísimas gracias, perfecto! 👍 

Respondido : 11/12/2020 1:35 pm
Argenis
 Argenis
Soporte CMS Webempresa 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