Borde y fuente cartel OFERTA productos Woocommerce

Gabriel

Reputable 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?

Muchas gracias,

Contenido solo visible a usuarios registrados

Respondido : 10/12/2020 11:50 pm

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

Reputable 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.

Gracias

Respondido : 11/12/2020 9:44 am

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

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

Reputable 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

[Resuelto] Borde y fuente cartel OFERTA productos Woocommerce