[RÉGLÉ] Gantry 4 : Personnalisation couleur des boutons + fil de navigation

[FM69]

Bonjour,

Je débute dans la créa’ de template mais peu à peu j’apprends à mieux comprendre Gantry !
Ce que je ne parviens pas à faire, c’est appliquer une couleur différente de celle des links aux boutons.
En effet, la couleur des links et des boutons d’action repose sur une même propriété gérée à partir du framework Gantry, soit « Link ».
Idem pour mon module breadcrumb (fil de navigation) , je ne parviens pas à savoir comment personnaliser la couleur des liens avec une couleur différente pour celui actif ainsi que la couleur du caractère utilisé pour la séparation des éléments.
Comment faire ?
Merci par avance pour l’aide que vous pourrez m’apporter !

[botacip]

Re : Gantry 4 : Personnalisation couleur des boutons + fil de navigation

Salut

Utilises tu la fonction dans chrome "inspecter l'élément" ?
Si oui, tu vois à droite une partie du code des Css. Tu peux l'influencer en le modifiant en direct pour faire des tests.
Tu dois retrouver ta classe :
.button, .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button, .btn-primary
Tu vois ensuite qu'il y a des couleurs qui correspondent à tes boutons, tu peux les modifier.

Ensuite pour l'appliquer qu'à certains boutons, je te conseille de lire ça :

http://www.web54.fr/quelques-tutoriels/ajout-dune-feuille-de-style-personnalisee-dans-gantry

Tu peux comme ça influer que sur certains boutons.

Ça n'est pas très clair mais dits moi si ça t'aide ;-)

[tataye]

Re : Gantry 4 : Personnalisation couleur des boutons + fil de navigation

bonjour,

regardes une bonne fois ton fichier index.php, tu comprendras comment sont empilées tes divs

ensuite, si tu as une propriété css à appliquer à tes liens :
cela va être appliqué à "a" , nous sommes bien d'accord ?

donc pour cibler ceux du breadcrumb

#rt-breadcrumb a,

ceux du footer

#rt-footer a

etc

avec webdevelopper pour firefox , il y a une fonction afficher les id et les class

cela peut aider.

[FM69]

Re : Gantry 4 : Personnalisation couleur des boutons + fil de navigation

botacip et tataye ... Merci pour vos retours !
Grâce à vous, j'ai pu parvenir à ce que je souhaitais.
Concernant le "breadcrumb", je touchais à la bonne propriété css mais cela ne fonctionnait pas jusqu'alors car j'ai appliqué le suffixe de classe "hidden-phone" à ce module. Pour que les propriétés souhaitées s'appliquent (soit : même couleur caractère de séparation + du lien actif), j'ai ajouté dans mon fichier "style-custom.less" sous Gantry :

.breadcrumbs, .breadcrumb, .breadcrumbshidden-phone {
background-color: #ffffff;
margin-top: 5px;
color:#0086cb;
a {
&:after {
color: @bodytextlight;
}
}
.showHere {
font-weight: bold;
margin-right: 5px;
}
}

Encore une fois... Merci de partager vos connaissances !
Excellente journée