Topic-icon [RÉGLÉ] Changer du css "Inline"

Plus d'informations
07 Sep 2013 21:01 #6255 par Ludo65
Message
Bonjour,

Voilà je suis actuellement entrain de réaliser un de mes premiers sites sous Joomla, et j'ai un problème avec la personnalisation quand le css est "inline".

J'ai cherché sur le forum, j'ai vu que y'avais certains sujets qui parlait de "overide.css" qui permet de re écrire le css etc, mais appliquer à mon cas j'y arrive pas vraiment.

Mon cas :
maximefourcade.com/joomla/
En bas il y a un "COORDONEES", qui ouvre une petite pop up, ou il y avait autrefois un module en dessous du texte, module que j'ai désactivé.
Pour enlever l'espace vacant (en bas) j'ai utilisé firebug, qui m'a donné le css a changé, à savoir le :

#iconWidget_100 .iconWidgetContainer {
height: 335px;
Que je passerai du coup à 145px

Cependant, il se situe ligne 31 d'un fichier..inconnu ?


J'ai aussi eu ce problème pour traduire certaines parties, tels que sur la page : maximefourcade.com/joomla/index.php/about-us ou il y a un petit bouton en haut a droite appeler "Minimize" et qui est situé dans le code Joomla
<div id="main" class="container">
<a id="mainClose" class="maximized" data-rel="tipsye" href="#" original-title="Minimize"></a>

Quand on change dans le code "Minimize" cela marche bien sur la page, mais je sais absolument pas ou modifier ce code de façon permanente..


Merci :)

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

Plus d'informations
10 Sep 2013 15:18 #6266 par C-Jay
Réponse
Bonjour Ludo et bienvenue :-),

Concernant ton code CSS appliqué à la classe et à l'ID #iconWidget_100 .iconWidgetContaine, tu peux prendre la main sur le height: 335px; en l'overridant via la spécificité CSS.
Exemple si tu veux height: 145px;, alors tu mettras dans ton code CSS (n'importe quelle feuille de style CSS) :
[b]div[/b]#iconWidget_100 .iconWidgetContainer {
height: 145px;
}
Dans l'hypothèse ici où #iconWidget_100 est dans une div HTML, si non même procéder si c'est <p id="#iconWidget_100> :
[b]p[/b]#iconWidget_100 .iconWidgetContainer {
height: 145px;
}

Pour le second point par contre, prendre la main sur du CSS inline me paraît compliqué... Il faut trouver la faille, toujours avec la spécificité.

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

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

Plus d'informations
10 Sep 2013 15:31 #6267 par C-Jay
Réponse
Pour le second point, essaye un override via le terme !important dans ta feuille de style CSS.
Cela devrait prendre le dessus sur le CSS inline.

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: Jaywave_75

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

Plus d'informations
10 Sep 2013 16:30 #6272 par Ludo65
Réponse
Salut,

Merci pour ta réponse, j'avais aussi demander sur le forum Joomla, et ils m'ont donné la solution en utilisant très simplement la "balise" important!, jai donc placer le code dans le custom.css et ça marche :)

Après du coup pour la traduction, je suppose que je vais deviir aller chercher ça quelque part dans une page php du theme, je vais essayer de trouver ça :)
Cet utilisateur a été remercié pour son message par: Jaywave_75

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

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

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb