← Todos los ejemplos

Amazon: diseño centrado en el precio

Amplía y resalta los precios en los resultados para comparar ofertas de un vistazo.

Código para copiar

/* Emphasise prices in search results for price-focused browsing */
.s-result-item .a-price .a-offscreen { position: static !important; }
.s-result-item .a-price {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #b12704 !important;
}
.s-result-item .a-price-whole { font-size: 1.35rem !important; }

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.