Avisos
Vaciar todo

[Resuelto] Borde y fuente cartel OFERTA productos Woocommerce

5 Respuestas
3 Usuarios
0 Reactions
18 Visitas
Respuestas: 299
Reputable Member
Topic starter
 

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
Respuestas: 4380
Famed Member 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
Respuestas: 299
Reputable Member
Topic starter
 

@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
Respuestas: 18684
Illustrious Member 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
Respuestas: 299
Reputable Member
Topic starter
 

@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