Avisos
Vaciar todo

[Resuelto] Circulo etiqueta Producto agotado  

 
Lourdes
 Lourdes
Reputable Member

Buenas tardes, ¿pueden ayudarme a encajar la palabra 'agotado' dentro de su circulo? por defecto aparece medio fuera.. No se si seria posible que se vea un circulo en lugar de ese ovalo extraño que hace la plantilla (quiza al reducir el tamaño del texto se adapta) y si el color amarillo se puede poner negro. Gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 24/03/2022 8:06 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Lourdes,

Para lograr un aspecto como el siguiente puedes probar los siguientes estilos CSS

Donde aca vamos a desaparecer los circulos amarillos

.woocommerce .product .onsale.out-of-stock-button {
background-color: transparent !important;
}

Y aca le daremos estilo a la palabra "Agotado"

.out-of-stock-button-inner{
position: absolute;
background-color: #f1c40f;
padding: 15px;
border-radius: 15px;
margin-left: -35px;
}

Saludos!

ResponderCitar
Respondido : 24/03/2022 8:23 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación