Modification largeur sous-menu template Xenon

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Modification largeur sous-menu template Xenon

    Bonjour

    J'ai créé un site sous joomla 3.6 avec le template Xenon.

    Je rencontre un problème quant à la largeur de mes sous menus. En effet le texte étant trop long, celui ci est renvoyé à la ligne. Aussi, j'aimerai savoir comment modifier la largeur de ces items.

    Voici mon site

    Par exemple, dans le menu "rouleau caisse 80x80x12", j'ai été contraint de modifier le texte initial "80x80x12 Sans Bisphénol A" en "80x80x12 SBA"

    Donc voilà, j'aimerais savoir comment élargir ce sous menu (et accessoirement les niveaux de menu inférieur sur lesquels je rencontre le même soucis actuellement pour un autre site).

    Je suppose qu'il faut modifier un fichier css mais je ne parviens à trouver lequel et encore moins quelles lignes modifier...

    Je vous remercie par avance pour votre aide salvatrice

  • #2
    Re : Modification largeur sous-menu template Xenon

    Bonjour,

    La règle concernée est : .g-main-nav .g-standard .g-dropdown

    Il faut donc ajouter cette règle en fin d'un fichier custom.css (je ne connais pas xenon pour pouvoir être plus précis)

    .g-main-nav .g-standard .g-dropdown {width:300px;}
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Modification largeur sous-menu template Xenon

      Envoyé par lomart Voir le message
      Bonjour,

      La règle concernée est : .g-main-nav .g-standard .g-dropdown

      Il faut donc ajouter cette règle en fin d'un fichier custom.css (je ne connais pas xenon pour pouvoir être plus précis)

      .g-main-nav .g-standard .g-dropdown {width:300px;}

      Merci pour cette réponse rapide...

      Je suis débutant sur joomla et notamment en css...

      Je dois donc rajouter cette ligne ".g-main-nav .g-standard .g-dropdown {width:300px;}" en fin de fichier

      J'ai bien trouvé un fichier custom.css dans mon dossier template (rt_xenon). Il ressemble à ceci:

      Cliquez sur l'image pour l'afficher en taille normale

Nom : Sans titre 1.jpg 
Affichages : 1 
Taille : 30,7 Ko 
ID : 1805661

      Je ne sais pas si c'est le bon... si toutefois c'est le cas, où dois je exactement insérer la ligne citée?

      D'avance merci

      Commentaire


      • #4
        Re : Modification largeur sous-menu template Xenon

        Je ne sais pas si c'est le bon... si toutefois c'est le cas, où dois je exactement insérer la ligne citée?
        Le fichier me semble bon.
        Il faut mettre le code à la fin
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Modification largeur sous-menu template Xenon

          Envoyé par lomart Voir le message
          Le fichier me semble bon.
          Il faut mettre le code à la fin
          Cela n'a rien changé... peut être ai je mal placé le code.

          Voici ce que j'ai fait

          Cliquez sur l'image pour l'afficher en taille normale

Nom : Sans titre 2.jpg 
Affichages : 1 
Taille : 83,6 Ko 
ID : 1805662

          Commentaire


          • #6
            Re : Modification largeur sous-menu template Xenon

            Cela n'a rien changé... peut être ai je mal placé le code.
            Non, pas de problème mais le fichier n'est pas dans le site.
            Peut-être une option à activer dans le template

            Sinon, ajoute le code à la fin du fichier /templates/rt_xenon/css/demo.css

            Après la solution extrème est : http://lomart.fr/extensions/custom-css
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Modification largeur sous-menu template Xenon

              Merci, je vais essayé tout çela et je reviens vers vous.

              Commentaire


              • #8
                Re : Modification largeur sous-menu template Xenon

                Cela fonctionne! Merci beaucoup

                Je suppose qu'il faut agir de la même manière pour changer la police, la couleur, le fond ou tout autre paramètres pour les menus déroulants?

                Commentaire


                • #9
                  Re : Modification largeur sous-menu template Xenon

                  A ce sujet, existe t il un tuto ou tout autre support permettant de connaitre les différents codes pouvant être utilisés pour modifier son template via ce fichier .css?

                  Commentaire


                  • #10
                    Re : Modification largeur sous-menu template Xenon

                    Je me permets de poser une autre question:

                    Comment faut il procéder pour ajouter un champ dans la fiche de contact du template?

                    Je souhaiterais par exemple rajouter un champ "code postal".

                    Encore merci d'avance

                    Commentaire


                    • #11
                      Re : Modification largeur sous-menu template Xenon

                      Je suppose qu'il faut agir de la même manière pour changer la police, la couleur, le fond ou tout autre paramètres pour les menus déroulants?
                      Oui
                      A ce sujet, existe t il un tuto ou tout autre support permettant de connaitre les différents codes pouvant être utilisés pour modifier son template via ce fichier .css?
                      Mieux que cela, l'inspecteur de code ou Firebug avec Tuto Firebug sur le site du zéro

                      Comment faut il procéder pour ajouter un champ dans la fiche de contact du template?
                      Le mieux est d'ouvrir un autre post
                      UP, le plugin universel à découvrir sur https//up.lomart.fr
                      bgMax
                      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X