× Merci de préciser dans le titre la version utilisée ( exemple: Gantry 5 - votre sujet )

Idée Gantry 5 - Réglages avec 3 colonnes

Début
Précédent
1
Suivant
Fin

Vexarmor
Auteur du sujet
Hors Ligne
Nouveau membre

Plus d'informations

03 Oct 2016 12:58 - 03 Oct 2016 13:01 #1 par Vexarmor

Gantry 5 - Réglages avec 3 colonnes a été créé par Vexarmor

Bonjour et merci à Bertrand pour son tuto sur la création de nouvelles sections qui me permets de faire mes premiers pas avec Gantry 5.
Souhaitant avoir 3 colonnes j'ai téléchargé le fichier ETL mais j'avais la colonne de droite plus large et placée plus haute que celle de gauche. J'ai donc tout refait en créant les sections à la main, ce qui permet d'apprendre.
Ce qui me donne :
layout:
/container-main/:
-
'sidebar-g 20':
-
'main 60':
-
'sidebar-d 20':
-
structure:
container-main:
attributes:
boxed: ''
sidebar-g:
type: section
attributes:
class: ''
main:
type: section attributes:
class: ''
sidebar-d:
type: section
attributes:
class: ''
Cela semble fonctionner alors qu'avant j'avais
sidebar:
subtype: aside
type: section
block:
fixed: 1
La différence se situe peut être entre "section" et "aside"
Donc entre :
sidebar-g:
type: section
attributes:
class: ''
sidebar-g:
type: section
subtype: aside attributes:
class: ''
mon cœur balance sans comprendre l'utilité de subtype: aside
Je n'arrive pas non plus à mettre les 3 colonnes ( sidebar-g, main, sidebar-d) de la même taille même avec "equal height"
Cordialement,
Didier

PS : Pou le moment je refais le site crepier.info après je ferais mes autres sites qui ne sont pas responsive

Ma commune guernes.fr - Biométrie biometrie-online.net - Crêpes & galettes crepier.info - Parents d'élèves parents-college-galilee.fr

Dernière édition: 03 Oct 2016 13:01 par Vexarmor.

Connectez-vous ou Créer un compte pour participer à la conversation.

tramber91
Hors Ligne
Co-Webmaster

Plus d'informations

03 Oct 2016 19:49 #2 par tramber91

Réponse de tramber91 sur le sujet Gantry 5 - Réglages avec 3 colonnes

Je reconnais qu'il y a un pb avec les modules en position droite et gauche et que de plus dans ce cas le template penche à droite ;=)

j'arrive a récupérer le tout avec des codes css comme cela

.g-wrapper .g-content {margin-top: 0;padding-top: 0;}
.moduletable[class*="box"] { margin-top: 0;}
#g-sidebar {margin-top: 0; padding-top: 0;}
#g-left .g-content, #g-sidebar .g-content, #g-bottom .g-content {margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0;}