Avisos
Vaciar todo

[Resuelto] Borde y fuente cartel OFERTA productos Woocommerce  

 
Gabriel
 Gabriel
Estimable Member

Hola,

Cuando hago alguna rebaja a alguno de los productos de la tienda me muestra el cartel de "¡Oferta!" y quisiera para que quedara mejor estéticamente tanto el borde como la fuente fueran rojos (#ff0100) y con esquinas redondeadas de 10px. Por favor, ¿pueden indicarme si es posible hacerlo?

image

Muchas gracias,

Contenido solo visible a usuarios registrados

Respondido : 10/12/2020 11:50 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Carmen, 

Prueba con el siguiente código insertándolo desde Apariencia -> Personalizar -> CSS Adicional:

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

Saludos

Respondido : 11/12/2020 12:26 am
Gabriel
 Gabriel
Estimable Member

@bulmaro-webempresa

Hola, gracias. He instalado el css pero únicamente ha puesto el borde en rojo, no cambia el color de la fuente ni el borde redondeado y también necesitaría subir el carte de oferta lo un poco y algo más a la izquierda. 

image

Gracias

Respondido : 11/12/2020 9:44 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carmen,

Veo que en los anuncios que nos mencionas ya se esta aplicado el color rojo a la fuente

Screenshot

Si deseas aplicarle un borde mas redondeado a esta etiqueta puedes probar con el siguiente código CSS

.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .onsale {
border-radius: 10px !important;
}

Un Saludo

Respondido : 11/12/2020 11:27 am
Gabriel
 Gabriel
Estimable Member

@karen Muchas gracias, correcto. tengo también problema porque necesitaría subir el cartel, me solapa el producto, abro otra consulta. Muchas gracias

Respondido : 11/12/2020 12:11 pm