Un utente ha chiesto informazioni su and more

  • Display Posts - Easy lists
  • grids
  • navigation di Wordpress

    Grid non funziona più

  • Un utente ha chiesto 👇

    Sono un utente da molto tempo. Stavo usando il sistema Grid con codice funzione aggiuntivo e codice CSS. Di recente ho aggiornato il plugin all’ultima versione ma la griglia non funziona più. Ho aggiornato il collegamento e il CSS in base alle informazioni più recenti e ho rimosso il codice della funzione che non funziona ancora. Viene visualizzata solo una colonna.

    Modifica: risolto da “colonne del modello di griglia: 1fr 1fr 1fr;” a .display-posts-listing.grid.

    Questo argomento è stato modificato 1 anno, 1 mese fa da.

    Lanciatore di thread

    (@gezginrocker)

    1 anno, 1 mese fa

    Anche le immagini e i titoli non erano allineati correttamente, questo è il mio CSS finale che risolve il problema nel caso in cui qualcun altro avesse un problema.

    .display-posts-listing.grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 15px;
    }
    .display-posts-listing.grid .title {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .display-posts-listing.grid img {
      display: block;
      max-width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 5px;
    }

    (@ nbi1)

    1 anno, 1 mese fa

    Problema simile, ma non riesco a far funzionare il tuo CSS. Quale struttura mostra la navigazione per gli elementi principali del tuo codice funzione?

    (@ nbi1)

    1 anno, 1 mese fa

    Il CSS funziona bene: il problema era che non ho corretto l’immagine visibile. Duh.

    Tuttavia, tra le colonne adiacenti della griglia ci sono grandi spazi preoccupanti che non riesco a rimpicciolire nemmeno con il CSS consigliato per te. Tuttavia, questo può essere un problema con la formattazione dei post stessi.

    Lanciatore di thread

    (@gezginrocker)

    1 anno, 1 mese fa

    Ciao, ecco il mio codice finale. È possibile modificare i valori di distanza tra la griglia e la distanza tra le colonne della griglia per lo spazio tra righe e colonne.

    .display-posts-listing.grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-row-gap: 25px;
      grid-column-gap: 15px;
      margin-bottom: 5px;
      margin-top: 10px;
    }
    .display-posts-listing.grid img {
      display: block;
      max-width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 5px;
    }
    .display-posts-listing.grid .title {
      display: block;
      text-align: center;
      font-size: 22px;
    }

    (@ nbi1)

    1 anno, 1 mese fa

    Grazie, lo apprezzeremmo.

    Was this helpful?

    0 / 0

    Lascia un commento 0

    Your email address will not be published. Required fields are marked *