Etsy: resaltar la insignia de envío gratis
Da a las insignias de envío gratis un verde llamativo para localizar fácilmente esas ofertas.
Código para copiar
/* Make the free-shipping badge clearly visible */
.listing-card [data-free-shipping],
[data-listing-id] .free-shipping,
.listing-card .wt-badge--small:not([class*="ad"]) {
background: #1f7a3d !important;
color: #fff !important;
font-weight: 700 !important;
border-radius: 4px !important;
padding: 2px 6px !important;
}Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.
Valora este ejemplo
Sin valoraciones — sé el primero.