Il numero di stelle sconvolge la linea delle miniature

Un utente ha chiesto
Categoria: Twenty Nineteen di WordPress
Domanda: Il numero di stelle sconvolge la linea delle miniature

Se uno o più prodotti sulla griglia, ma non tutti, hanno una valutazione a stelle, le stelle spingono il pulsante “Aggiungi al carrello” in fondo alla pagina e capovolgono la griglia orizzontalmente.

CSS per fermare questo?

La pagina per cui ho bisogno di aiuto: [log in to see the link]

• (@anevini)

  Collaboratore WCLDN 2018 | Supporto volontario

  Cosa vuoi che succeda invece?

  (@bennettskaja)

  Risoluzione 1.
  Se ci sono stelle su qualsiasi prodotto in una riga di miniature, premi tutti i pulsanti “Aggiungi al carrello” su quella riga per mantenere una linea retta sulla pagina.

  Risoluzione 2.
  Non visualizzare le stelle nelle pagine del catalogo, solo nelle pagine dei prodotti univoci.

  (@anevini)

  Collaboratore WCLDN 2018 | Supporto volontario

  Nella sezione “CSS aggiuntivo” della dashboard, aggiungi questo:

  
  @media screen and (min-width: 769px) {
      .woocommerce ul.products, .woocommerce-page ul.products {
          display: flex;
      }
  
      .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
          display: flex;
          flex-direction: column;
          margin-bottom: 0;
          justify-content: space-between;
      }
  }
  

  https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

  (@anevini)

  Collaboratore WCLDN 2018 | Supporto volontario

  Questa soluzione non funzionerà sui dispositivi mobili ma è una vittoria veloce

  (@bennettskaja)

  Funziona, grazie. E come dici tu, non sul cellulare.

Hai risolto il tuo problema?

SìNo

0 / 0