[Résolu] Réduire la largeur d’une liste déroulante (Créer un compte)

  • WordPress :6.4
  • Statut : résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2470762
    laurentsc
    Participant
    Chevalier WordPress
    339 contributions

    Bonjour,

    Ma configuration WP actuelle

    Problème(s) rencontré(s) : Comme vous pouvez le constater sur la page indiquée, la largeur de la liste déroulante occupe 100% de son conteneur. je souhaite la réduire (l’idéal étant la largeur max des options).

    En regardant le code généré de cette page, j’ai trouvé

    <p><label> Année de construction :<br />
    <span class="wpcf7-form-control-wrap" data-name="Anne_constr">
    <select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="Anne_constr">
    <option value="Avant 1949">Avant 1949</option>
    <option value="de 1949 à 1997">de 1949 à 1997</option>
    <option value="Après 1997">Après 1997</option>
    </select></span> </label>
    </p>

    J’ai donc essayé ce CSS :

    .wpcf7-form-control option {
    width:50px;
    }

    mais il ne change rien. Quelle serait une solution, SVP ?

    #2470781
    pasglop
    Participant
    Maître WordPress
    691 contributions

    Bonjour,

    Essaie ça:

     

    select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width : 50%;
    }

     

     

    #2470785
    laurentsc
    Participant
    Chevalier WordPress
    339 contributions

    J’ai essayé ; ça veut pas … Merci quand d’avoir proposé un truc.

    #2470799
    ferman
    Participant
    Maître WordPress
    6992 contributions

    Le code de @pasglop a pourtant l’air de fonctionner. Il faut peut-être mettre « !important » après « width : 50% »

    #2470800
    laurentsc
    Participant
    Chevalier WordPress
    339 contributions

    Avec le !important, ça a marché ! Merci à tous les 2.

5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.