Un utente ha chiesto
Categoria: Themes and Templates di WordPress
Domanda: Tema: Sela – Allineamento di 3 colonne del modello di pagina della griglia

Buongiorno! Spero che qualcuno possa aiutarmi con un problema che sto riscontrando una volta che aggiungo un’altra colonna al modello di pagina della griglia nel tema Sela.

La pagina della griglia predefinita è composta da due colonne, ma utilizzando questo codice:

.page-template-grid-page .content-wrapper.full-width {
	margin: 0;
}

.child-page {
	width: 275px;
	padding-left: 50px;
}

Le colonne ora sono in numero di tre. Tuttavia, sto correndo verso il problema che gli elementi nella colonna centrale non sono spaziati uniformemente; potete vederlo qua.

Non riesco a capire nel modello Sela cosa mi manca per allineare correttamente le colonne. Qualsiasi aiuto sarebbe molto apprezzato!

  • (@soumendra)

    Buongiorno,

    Puoi provare questo nel tuo CSS personalizzato per ottenere questo:

    .child-page {
        margin-right: 0 !important;
        padding-right: 35px;
    }

    Grazie.

    (@drunkfilms)

    Funziona perfettamente Sam! Grazie mólto!

    (@soumendra)

    Benvenuto. 🙂

    (@highjamuk)

    Ciao,
    Ho usato lo stesso identico codice per la mia pagina della griglia e ha creato tre colonne equidistanti.

    Tuttavia, gli articoli non sono tutti sulla stessa linea.
    Ne ho tre sulla riga superiore
    Uno sulla seconda (nella 3a colonna)
    Due su una terza riga (prima e seconda colonna)

    Qualche motivo per cui questo sarebbe accaduto?

    Grazie!

    (@soumendra)

    Ciao HighjamUK,

    Puoi per favore fornire il link al tuo sito in modo che io possa aiutarti con questo.

    Grazie.

    (@anusicyap)

    Sto avendo lo stesso problema, dove ci sono tre elementi nella prima riga, uno nella seconda (estrema destra) e due nella terza. Qualcuno ha capito come risolvere questo problema? Grazie!

    (@soumendra)

    Ciao anusicyap,

    Puoi per favore fornire il link al tuo sito in modo che io possa aiutarti con questo.

    Grazie.

    (@abusybeeslife)

    Per qualche motivo non riesco a far sì che la pagina della griglia mostri i miei articoli in due colonne, mostra solo una colonna. Per favore aiuto. http://www.abusybeeslife.com/destinations/

    (@soumendra)

    Ciao abusybeeslife,

    Puoi provare questo nel tuo CSS personalizzato per ottenere questo:

    .content-wrapper {
        margin: 0 !important;
    }
    .comment-form {
        width: 98%;
    }

    Spero che questo ti aiuti, non esitare a chiedere se c’è qualche altro problema.

    Grazie.

    (@abusybeeslife)

    Sam, ha funzionato alla grande! Grazie mólto! 🙂

    (@soumendra)

    Piacere di aiutarti. 🙂

    (@pavelfilip)

    Buongiorno,

    Sto anche cercando di creare una pagina con griglia a tre colonne, … ma senza fortuna.
    Ho inserito il seguente codice nell’editor …

    .page-template-grid-page .content-wrapper.full-width {
    margine: 0;
    }
    .child-page {
    larghezza: 275 px;
    padding-left: 50px;
    }
    .child-page {
    margine destro: 0! importante;
    padding-right: 35px;
    }

    … Ma il risultato è una pagina della griglia di colonne (una pagina / elemento su una riga / riga).
    (Utilizzo del tema Sela 1.0.12 e Worpress 4.4.2)

    Qualsiasi aiuto sarebbe molto apprezzato!

    (@soumendra)

    Ciao pavelfilip,

    Puoi per favore fornire il link al tuo sito, in modo che io possa aiutarti con questo.

    Grazie.

    (@pavelfilip)

    http://skrytepriciny.cz/nabizim/

    (@soumendra)

    Buongiorno,

    Puoi provare questo nel tuo CSS personalizzato per ottenere questo:

    @media screen and (min-width:590px){
    .child-pages .child-page {
        padding: 1%;
        width: 31%;
    }
    .content-wrapper.full-width.with-featured-image {
        margin-left: 3%;
        margin-right: 3%;
    }}

    Spero che questo possa aiutare.

    Grazie.

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *