Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

[fromage blanc]

Bonjour,

Quelqu'un prétends avoir résolut un problème de marges avec Gantry 5.

http://forum.joomla.fr/showthread.php?211996-R%C3%A9glage-marges-Header-ou-Showcase-dans-Gantry-5

Si cette personne passe par là ou si quelqu'un de compétent peut m'aider car je n'arrive pas à supprimer les marges dans gantry 5. Je voudrais mettre une photo sur toute la largeur et je n'y parviens pas.

J'ai bien fait un custom.scss et collé le code mais ça ne change rien.

Je continue de chercher mais si vous avez la solution soyez sympas

Merci

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Bonjour,

Je me permet de vous re-demander de l'aide parce que je ne trouve vraiment pas la solution à mon problème malgré mes recherches.

J'ai créer un custom.scss et j'y ai écrit ceci :

@import "dependencies";

#g-header .g-content,#g-header .g-content p {
padding: 0;
margin: 0;
}

Cela n'a strictement aucun effet.

Quand je vais sur "examiner l'élément" (dans firefox) je retrouve toujours mes marges :

p {
    margin: 1.5rem 0;
        margin-top: 1.5rem;
        margin-right: 0px;
        margin-bottom: 1.5rem;
        margin-left: 0px;

Bon sang je n'y comprends rien j'ai pourtant bien mis g-content p et margin : 0 !

Bon bien sur je suis débutant alors il y a surement une subtilité que je n'ai pas comrise ou unee erreur que je ne vois pas.

Si quelqu'un pouvait m'aider se serait sympa.


Mon problème concerne mon site http://chtarna.fr/

Je voudrais que la photo en début de page prenne toute la largeur et toute la taille du "block".

[lefabdu51]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

essaye juste

.g-content {margin:0; padding: 0}

tu ne cibles pas la bonne classe.....
Second point, il ne s agit pas du meme template.

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Je viens d'essayer et ça ne donne rien.

Que veux tu dire par "il ne s agit pas du meme template" ?

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Je viens d'essayer et ça ne donne rien.

Que veux tu dire par "il ne s agit pas du meme template" ?

Bonjour,

Ca fait plusieurs semaines que je suis bloqué. Je n'arrive pas à enlever les marges sur gantry 5.

J'ai tenté ceci :

Dans le section setting du header (là où est mon image) j'ai mis dans CSS Class : Nomarginall et nopaddingall
Dans celui du module j'ai mis CSS Class : Nomarginall et nopaddingall et dans variation : no margin et no padding

J'ai mis dans le custom.scss

@import "dependencies";


#g-header {margin:0; padding: 0};
#g-header .g-container {margin:0; padding: 0};
#g-header .g-container .g-grid {margin:0; padding: 0};
#g-header .g-container .g-grid .g-block {margin:0; padding: 0};
#g-header .g-container .g-grid .g-block .g-content {margin:0; padding: 0};
#g-header .g-container .g-grid .g-block .g-content .platform-content {margin:0; padding: 0};
#g-header .g-container .g-grid .g-block .g-content .platform-content .moduletable {margin:0; padding: 0};
#g-header .g-container .g-grid .g-block .g-content .platform-content .moduletable .custom {margin:0; padding: 0};

Mais rien n'y fait j'ai toujours des marges.

Je suis allé sur plusieurs forum en anglais pour essayé de comprendre mais je ne comprends pas. Alors si il y a quelqu'un de sympa qui peux me dire comment enlever les marges ce serait sympa.

Bien sur je suis débutant toutefois j'ai déjà fait plusieurs sites internet et c'est vrais que parfois c'est compliqué mais là je suis complétement dépassé.

Je veux juste faire un site sympa et je ne vais pas devenir ingénieur en informatique pour faire un site d'un groupe de musique. Alors si vous avez une idée n'hésitez pas à me dire ce qui ne va pas.

[dolmenhir]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

essaye ça dans ton "custom.css"

#g-header .g-container {
width:100% !important;
}

#g-header img {
width:100% !important;
height:auto !important;
}

ça devrait suffire

Dol.

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Merci de venir m'aider car je galère.


Donc ok j'ai donc remplacé mon custom par ceci :

@import "dependencies";

#g-header .g-container {
width:100% !important;
}

#g-header img {
width:100% !important;
height:auto !important;
}

Je rafraichis ensuite la page mais ça ne change rien. Gnn

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Je crois que j'ai trouvé la source du problème.

Il y a dans mon css un

.g-container {
width: 60rem;
}

Je crois que c'est lui qui pose problème par contre je ne sais pas comment le retirer.

[lomart]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Bonjour,

Je crois que c'est lui qui pose problème par contre je ne sais pas comment le retirer.

Si tu as mis la règle

#g-header .g-container {
width:100% !important;
}

elle doit normalement annuler le width:60rem; sir ton g-container est bien dans #g-header

A vérifier avec un inspecteur de code genre firebug

Ton site n'est pas en ligne ? Ce serait plus facile pour t'aider

[dolmenhir]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Je crois que j'ai trouvé la source du problème.

Il y a dans mon css un

Je crois que c'est lui qui pose problème par contre je ne sais pas comment le retirer.

Attention, une classe peut être utilisée à plusieurs endroits.
Je suis pas sur que de supprimer ton 60rem de manière globale soit la meilleure chose à faire.

En utilisant

#g-header .g-container {
width:100% !important;
}

tu ne modifieras que le g-container de l'en-tête, et pas le reste...

par ailleurs, il est toujours préférable d'ajouter une feuille de style qui viendra en sur-couche de l'original, et ne jamais toucher à ce dernier, au cas où il faudrait revenir à une configuration d'origine, où si les modifications partent en cacahuète...

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Oui mon site est en ligne : http://chtarna.fr/

Je pense que j'ai du faire une mauvaise manipulation quelque part car tout ce que je tente échoue.

C'est surement un truc tout simple que je ne vois pas. Comme un myope qui cherche ses lunettes alors qu'elles sont devant lui.

[lomart]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Si tu ajoutes les règles données par dolmehnir, cela fonctionne

Il faut les ajouter à la fin du fichier template.css ou dans un fichier custom.css (soius réserve, je ne connais pas Gantry)

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Bon la situation a évolué.

J'ai eu beau mettre tout et n'importe quoi dans mon custom.scss rien n'y faisait mais j'ai quand même trouvé une solution.


Il se trouve que gantry a aussi prévue de pouvoir retirer les marges directement depuis le layout.

http://docs.gantry.org/gantry5/tutorials/utility-classes

Mais ça ne marchait pas non plus. mais bon a force de triturer dans tout les sens et d'essayer tout et n'importe quoi j'ai trouvé le truc


Il fallait que je mettes le layout de ma section Header en Fullwidth (flushed content) ou en Remoove container alors que j'étais en Fullwidth (boxed content).



Du coup l'image prends bien toute la largeur par contre il me reste une marge en haut et en bas.

Bon allez c'est repartis pour retriturer la machine a gaz :-/

[fromage blanc]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Bon je n'arrive pas a enlever les marges.

Est ce que quelqu'un arrive à faire ça sur un gantry personnel ?

Le custom.scss ne fonctionne pas. J'ai beau y mettre tout ce que je veux cela n'a jamais rien changé pourtant j'ai vérifié de nombreuses fois et je ne trouve pas d'erreur.

Je ne sais plus quoi faire.

[lomart]

Re : Par défaut Re : Réglage marges "Header" ou "Showcase" dans Gantry 5

Est ce que quelqu'un arrive à faire ça sur un gantry personnel ?

Voir ma copie d'écran de mon post #12

Le custom.scss ne fonctionne pas.

Si le fichier se nomme bien custom.scss, il faut activer une option de compilation qui doit se trouver dans les paramètres
la doc : http://docs.gantry.org/gantry5/tutor...om-style-sheet