[RÉGLÉ] Personnaliser couleur de fond avec Gantry 4

[Caroline_04]

Bonjour bonjour
Voilà j'ai lu pas mal de forums et j'ai trouvé plusieurs réponses différentes à ma question, et en les essayant toutes je n'ai pas réussi à régler mon problème (ok je pars de très loin )...

Je veux changer la couleur de fond du module showcase dans Gantry 4 (pour commencer, si j'arrive à faire ça ce sera un bon début !!!). J'ai installé Firebug et Notepad++ et je commence à saisir le fonctionnement.
D'après ce que j'ai compris avec Gantry 4 il suffit de créer un fichier type template-custom.less et d'y inscrire les propriétés que l'on veut changer avec "div." devant pour que ça passe en priorité.

Je créé un fichier template-custom.less dans le dossier templates/gantry/less.
J'y mets le code suivant :
div#rt-showcase
{
background-color: #FA1900;
}
Je vide le cache de Gantry (en passant par l'administration Joomla : Gestion des templates/Gantry/Clear cache)
Je clique sur "Voir le site", et rien ne change.
Pourquoi ???

[tataye]

Re : Personnaliser couleur de fond avec Gantry 4

oui,
tu peux aussi créer un fichier gantry-custom.css
après tu mets : div#rt-showcase
{
background-color: #FA1900;
}
ou bien si tu ne veux que la partie centrale
div#rt-showcase .rt-container
{
background-color: #FA1900;
}

mais attention :
deux points à vérifier
que ton css est pris en compte ( donc regarder si ton fichier css apparait dans firebug)

et si ça ne passe pas en priorité, ajouter un !important
ce qui donne : div#rt-showcase
{
background-color: #FA1900 !important;
}

[Caroline_04]

Re : Personnaliser couleur de fond avec Gantry 4

Merci à tataye pour son aide !!!
Pour ceux que la solution intéresse, il faut en fait créer un fichier gantry-custom.css dans le dossier templates/gantry/css et le personnaliser, c'est plus simple que de passer par LESS !
Dans mon cas il y avait aussi une image de fond présélectionnée donc la couleur ne s'appliquait pas, penser à mettre :
background-image: none;

[MADCOW]

Re : Personnaliser couleur de fond avec Gantry 4

Bonjour,

Sur le template gantry 4 avec joomla 2.5 j'essaie de rendre le rt-top-surround transparent de la même manière mais rien n'y fait.

div#rt-top-surround .rt-top .rt-container .rt-header
{
background-color: #FFFFFF;
background-image: none;
}

Help...

[pmediag]

Re : Personnaliser couleur de fond avec Gantry 4

Bonjour MADCOW.

Je prends le fil un peu tard mais je viens de le trouver...

Fais attention à la manière de rédiger les appels de balises, je ne sais pas si ce que tu voulais faire est bien cela, mais là tu fais référence à un élément qui a la classe container dans un élément qui a la classe rt-container lui-même dans un élément qui a la classe rt-top lui-même dans la div qui a l'id rt-top-surround.

C'est bien ce vers quoi tu voulais pointer ?

pmediag

[MADCOW]

Re : Personnaliser couleur de fond avec Gantry 4

Bonjour pmediag,

Merci j'ai trouvé une solution avec Bgmax, mais merci.