Topic-icon [RÉGLÉ] Enlever bandeau Gantry

Choisissez le meilleur hébergement pour votre Joomla
Plus d'informations
09 Mar 2013 19:33 - 10 Mar 2013 13:49 #4635 par Ludodev
Message
Bonjour à tous,

Nouvelle difficulté rencontrée.

Il faut que j'enlève le bandeau du template Gantry qui masque mon image de fond.

awesomescreenshot.com/02910x1m85

A priori il s'agirait de la div rt-top-surround, j'ai donc modifié "mycustomstyle.css" avec les lignes suivantes :
#rt-top-surround{background-color: transparent !important;}

Mais pas de changement.

Le problème viendrais des lignes suivante qui sont dans le css compilé de Gantry ("master-b303c1e5744d1b4f618d61af7361442b.css") :
#rt-top-surround { background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));

Si je décoche dans Firebug la case radio de cette ligne l'image qui masque mon image de fond disparaît.

Donc le problème est à priori localisé mais ma correction ne fonctionne pas.

Joomla 2.5.9 et Gantry 4.1.8

Merci par avance de votre aide.

EDIT :

Je cherche et ne trouve pas, systématiquement le bandeau revient. Dernière ligne CSS mis en oeuvre mais qui ne marche pas non plus :
#rt-top-surround {
  background-color: transparent;
  background-image: transparent;
  background-image: transparent;
  background-image: transparent;
  background-image: transparent;
  background-image: transparent;
  background-repeat: no-repeat;
  filter: none;
  color: transparent;
  text-shadow: 0 2px 3px #ffffff;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  border-bottom: 1px solid #ffffff;
}

J'ai grand besoin d'un coup de main. :-(

Le site est en ligne cet aprem, pour ceux qui voudrait y jeter un coup d'oeil.

ferme-maraichere.fr/
Last edit: 10 Mar 2013 13:49 by Ludodev.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
10 Mar 2013 16:28 - 10 Mar 2013 16:54 #4641 par Ludodev
Réponse
Salut à tous,

La solution que j'ai choisi a été d'isoler les lignes de code en rapport avec "rt-top-surround" du fichier css compilé : "master-b303c1e5744d1b4f618d61af7361442b.css" et de les mettre en commentaire, le résultat est que le bandeau qui masquait l'image de fond de mon template à disparu.
#rt-top-surround{
	//background-color:#f1f1f1;
	//background-image:-moz-linear-gradient(top,#ffffff,#dddddd);
	//background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));
	//background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);
	//background-image:-o-linear-gradient(top,#ffffff,#dddddd);
	//background-image:linear-gradient(to bottom,#ffffff,#dddddd);
	//background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);

J'imagine que lorsque je ferais une mis à jour de Gantry la modification ne sera évidemment plus pris en compte et qu'il faudra donc que je modifie à nouveau.

D'où ma prochaine question, avez vous une idée de comment faire pour que je puisse faire la modif directement dans mon fichier "mycustomstyle.css" afin qu'a chaque mis à jour les modifications précédemment faites puissent rester d'une mise à jour à l'autre?

Je suis dégoûté, je viens de voir que dans Internet Explorer la barre est toujours présente.

J'ai des défauts d'affichage sur Safari et Chrome en haut de la page.

Heeeeellllppppp!!!!!!!
Last edit: 10 Mar 2013 16:54 by Ludodev.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Joomladay2018
Plus d'informations
12 Mar 2013 11:28 #4683 par C-Jay
Réponse
Hello,

Je t'ai répondu dans l'autre sujet va voir sur ce topic pour gérer tes fichiers LESS pour le CSS;
A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb
Cet utilisateur a été remercié pour son message par: Ludodev

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
14 Mar 2013 11:13 #4762 par patrickus
Réponse
Tu peux aussi utiliser un fichier gantry-custom.css que tu places dans le dossier css
Là, tu peux appliquer des modifications sans toucher aux fichiers less si tu n'es pas familiarisé.


#rt-top-surround{
background-color:none !important;
background-image:none !important;
}
Avec ce fichier gantry-custom.css, tu peux faire pas mal de choses
Cet utilisateur a été remercié pour son message par: C-Jay, Ludodev

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.399 secondes
Contact