Un utente ha chiesto
Categoria: Themes and Templates di WordPress
Domanda: Tema: Sela – Modello di pagina con griglia di allineamento a 3 colonne
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 è di due colonne ma utilizza questo codice:
.page-template-grid-page .content-wrapper.full-width {
margin: 0;
}
.child-page {
width: 275px;
padding-left: 50px;
}Le colonne sono ora in numero di tre. Tuttavia, mi imbatto nel problema che gli elementi nella colonna centrale non sono equidistanti; 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.
(@film ubriachi)
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 nella riga in alto
Uno sopra il secondo (nella 3° colonna)
Due su una terza riga (prima e seconda colonna)Qualche ragione per cui questo dovrebbe accadere?
Grazie!
(@soumendra)
Ciao HighjamUK,
Puoi per favore fornire il link al tuo sito in modo che io possa aiutarti con questo.
Grazie.
(@anusicyap)
Ho 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 posso fare in modo che la pagina della griglia mostri i miei elementi in due colonne, mostra solo una colonna. Per favore aiuto. http://www.abusybeeslife.com/destinations/
(@soumendra)
Ciao abuseybeeslife,
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 come un incantesimo! Grazie mólto ! 🙂
(@soumendra)
Non vedo l’ora 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: 275px;
riempimento a sinistra: 50 px;
}
.child-page {
margine destro: 0! importante;
riempimento destro: 35px;
}… Ma il risultato è una pagina della griglia di colonne (una pagina/elemento su una riga/riga).
(Utilizzando il 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