WooFrance Dépannage et support WordPress WooCommerce Forums Les thèmes WordPress WooCommerce WordPress – Changer style css d’un input type en particulier

3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #479377
    kissthatgoat
    Participant
    Points: 15 pts

    Bonsoir,

    j’ai le thème Storefront. J’ai déjà effectué des modifications de style avec le plugin “Code snippet pro”.

    J’ai changé la mise en forme des input type text de manière générale mais ça ne me satisfait pas j’ai besoin que certains soient plus grand ou petit que d’autres.

    Dans mon snippet, j’ai donc fait cet ajout (j’ai pas mis tout le code) :

    .input-text {

    min-height: 20px !important;
    width: 30px !important;

    }

    sauf que ça modifie tous mes input type text. Et j’aimerais pouvoir en modifier un sans que cela ait une incidence sur les autres.

    dans le code source de ma page j’ai donc ceci :

    <input id =”nom_de_mon_input” class=”input-text”>

    Ma question est :”comment puis-je faire pour modifier le css seulement de cet input dont l’id est “nom_de_mon_id” ?

    Bonne soirée et d’avance merci pour votre aide 🙂

     

     

     

     

     

    • Ce sujet a été modifié le il y a 1 année et 2 mois par WB2.
    depanagewp
    #479611
    WB2
    Modérateur
    Points: 3,388 pts
    Membre 2 étoiles

    Bonjour à vous, vous pouvez cibler directement le nom du champ :

    .input[name=”nom_du_champ”] {
    /* Votre CSS personnalisé à insérer */
    }

    sinon, vous pouvez également cibler directement l’id :

    [id=”id_du_champ”] {

    /* Votre CSS personnalisé à insérer */

    }

    depanagewp
    #479970
    kissthatgoat
    Participant
    Points: 15 pts

    Merci beaucoup pour votre réponse, je vais aller tester ceci.

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