Topic-icon [RÉGLÉ] Override joomla

Choisissez le meilleur hébergement pour votre Joomla
Plus d'informations
24 Avr 2013 11:08 #5093 par mediavisio
Réponse
Je t'envoie ça en message privé, j'aime progresser :-)

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

Plus d'informations
24 Avr 2013 11:56 - 24 Avr 2013 11:57 #5099 par C-Jay
Réponse
En inspectant un input (Ex : le champs Nom), on voit dans Firebug que la ligne CSS suivante apparaît dans le fichier /templates/rt_ximenia_responsive/css/main-light.css ligne 90 :
.login-fields #username, .login #username, .login-fields #password, .login #password, #contact-form input, #contact-form textarea, #modlgn-username, #modlgn-passwd, #jform_email, #member-registration input, #search-searchword, .finder .inputbox, .inputbox {
   background-color: #F3F3F3;
   border: 1px solid #CFCFCF;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
   /*width: 100px;*/
}
En ajoutant le width: 100px;, je vais donner une largeur de 100px à ton champs, et à tous les champs d'ailleurs car la ligne CSS comporte plusieurs classes et ID séparées par des virgules.
Si tu veux juste agir sur ton champs Nom, alors il te faut repérer une classe ou un ID pour y appliquer une propriété CSS. Ici, toujours avec Firebug, je peux voir l'ID jform_contact_name, je peux donc ajouter une ligne CSS de ce type pour que les 100px ne s'applique qu'à mon champs Nom :
#jform_contact_name {
width: 100px;
}
Pour info, le # est à mettre devant quand c'est un ID, le . quand c'est une classe.
Enfin, je te conseillerais de créer un fichier CSS à part pour retrouver par la suite facilement tous les ajouts CSS que tu as fait sur ton site.
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
Last edit: 24 Avr 2013 11:57 by C-Jay.

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

Forfaits d'assistanceLes forfaits d'assistance NosyWeb sont là ! Facilitez-vous la gestion de votre site
Plus d'informations
24 Avr 2013 12:17 #5100 par mediavisio
Réponse
Merciii! Ça fonctionne nickel.
Je pratique cet override avec les autres éléments mais pour les formulaires, on m'a habitué à chercher les complications :lol:

Et puis expliqué par C-Jay, c'est tellement plus simple 8-)

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

Plus d'informations
24 Avr 2013 12:20 #5101 par C-Jay
Réponse
@ton service ;-)
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.

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