[Résolu] Modifier le style d’une checkbox (Créer un compte)

  • WordPress :5.2
  • Statut : résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #2297554
    Gregoryen
    Participant
    Initié WordPress
    43 contributions

    Bonjour à tous !

    J’utilise Gravity Form pour générer un formulaire, il est super car il y a des règles conditionnelles et j’adore ça !

    Alors sur une page test j’essaie de construire ce nouveau formulaire, j’ai mis l’ancien pour récupérer le style, et en bas le nouveau.

    Seulement je bute pour trouver le style de la checkbox ! Sur mon ancien il fait partit de DIVI builder donc j’ai pu modifier la checkbox de couleur etc… impossible de le faire sur le nouveau formulaire. J’ai mis toutes les ID et Class possible je n’y arrive pas ! J’ai attribué une classe en backend mais rien n’y fait…

    Si quelqu’un peut m’aider à trouver la class ou l’ID à modifier … j’ai trouvé pour tout les autres champs texte par contre.

    La page test :>

    Merci de votre aide et bon week-end !

    • Ce sujet a été modifié le il y a 4 mois et 3 semaines par ferman.
    • Ce sujet a été modifié le il y a 4 mois et 3 semaines par PhiLyon.
    #2297561
    ferman
    Participant
    Maître WordPress
    2628 contributions

    Bonjour,

    Je vois deux types de checkbox: dans la partie supéérieure et l’inférieure (plus petites, blanches) Vous pouvez essayer les codes suivants en essayant d’abord d’enlever les !important. Pour les checkbox “d’en haut” ce serait la ligne css supérieure, pour celles “d’en bas” l’autre.

    span.et_pb_contact_field_checkbox label i {display:none!important;}
    
    ul.gfield_checkbox li input[id^="choice"] {display:none!important;}

    Je me rends compte à la relecture qu’il s’agit du formulaire d’en bas donc c’est la ligne d’en bas.

    • Cette réponse a été modifiée le il y a 4 mois et 3 semaines par ferman.
    #2297604
    ferman
    Participant
    Maître WordPress
    2628 contributions

    En fait c’est plus tordu que ça: les codes ci-dessus permettent de supprimer {display:none}. Les autres CSS  (couleur, taille etc) ne fonctionnent pas. On peut tricher si on passe en mode “button” avec la propriété “appearance“. Là, tout est modifiable mais il n’y a plus le “tick”. Par contre on peut jouer avec les :hover et :visited ou :active pour marquer le bouton coché.  Ce sont des CSS assez inhabituelles (pour moi).

    Je vous donne un exemple:

    ul.gfield_checkbox li[class^="gchoice"] input[id^="choice"] {appearance:button;
    -moz-appearance:button; 
    -webkit-appearance:button;
    	background-color:white;
    	border-style:solid;
    	border-color:yellow;
    }

    C’est tout ce que j’ai trouvé à ce stade.

    • Cette réponse a été modifiée le il y a 4 mois et 3 semaines par ferman.
    #2297657
    Gregoryen
    Participant
    Initié WordPress
    43 contributions

    Merci pour ton retour ! Sinon je vais voir si je ne trouve pas un autre plugin de formulaire qui n’est pas aussi galère à modifier.

    Déjà avec les éléments que tu à mis, ça me fait avancer et ça donne quelque chose, je vais bidouiller jusqu’à que je puisse trouver ! Thank ! 🙂

     

    EDIT : J’ai mis ” padding:10px; ” et la j’ai les deux couleurs, à l’intérieur et aussi le bord plus clair ! Top ! Merci

    • Cette réponse a été modifiée le il y a 4 mois et 3 semaines par Gregoryen.
    • Cette réponse a été modifiée le il y a 4 mois et 3 semaines par Gregoryen.
    #2297660
    Gregoryen
    Participant
    Initié WordPress
    43 contributions

    Bon je reviens ici pour vous annoncer une bonne nouvelle !

    Alors au début j’ai voulu rajouter une image en background lorsqu’on clique… Puis … je me suis aperçu que …. dans le formulaire du DIVI Builder j’ai la possibilité de faire des ” conditions ” …. Dooooonc j’abandonne Gravity Form pour rester sur le formulaire de base de divi builder qui fait le même Taff ! Et du coup je garde mon design pas besoin de coder ! PARFAIT !

    J’ai installé Gravity form pour un client, et quand j’ai vu les conditions ( afficher une section lorsqu’on fait un certain choix) ça m’a séduit.. Alors je ne me souviens plus si j’avais cherché l’option de condition lorsque j’avais créé mon formulaire avec DIVI, car l’option est assez visible et je n’aurais jamais pu passer à côté.. Je crois que je me suis précipité a installer Gravity sans me soucier si DIVI le fessait… Ou alors j’ai dû chercher sans trouver …

    Bref du coup plus besoin de modifier le style du formulaire Gravity puisque je l’ai mis à la poubelle direct ^^

    Merci de ton retour en tout cas ! Bonne soirée !

    EDIT: Message au modérateur, si vous pouviez supprimer ce topic qui n’a pas vraiment d’utilité pour le coup car la solution trouvée n’est pas vraiment une solution au réel problème. Donc pour éviter la pollution de topic et de contenu sans réelle utilité vous pouvez le supprimer.

    • Cette réponse a été modifiée le il y a 4 mois et 3 semaines par Gregoryen.
    #2297664
    PhiLyon
    Modérateur
    Maître WordPress
    25879 contributions

    Bonjour.

    Un modérateur ne peut supprimer un sujet, j’ai supprimé l’url de la page test.

    🙂

    #2297706
    ferman
    Participant
    Maître WordPress
    2628 contributions

    Juste pour ceux qui passeraient par ici avec un problème du même ordre. On ne peut pas vraiment appliquer de CSS (à part display:none, modifier la taille et quelques autres petites choses) sur une “checkbox”, il faut passer par des artifices. Cette page résume bien les possibilités.

    #2297755
    Gregoryen
    Participant
    Initié WordPress
    43 contributions

    Ok bon à savoir ! Merci à tous 🙂

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