Remettre 2 champs text box dans étiquette adresse

Bonjour !

Par mégarde j'ai supprimé via le CSS les deux champs que je souhaitais conserver dans l'étiquette adresse :

• numéro et rue
• complément d'adresse

Et je ne parviens pas à les remettre : je ne suis pas du tout experte en CSS !

J'ai fait cette erreur en supprimant les champs (ville, état, region...) dont je n'ai pas besoin.

Pouvez-vous m'aider à remettre ces deux champs ?

Merci ++ et bonne journée !

Bonjour poaa,

Merci de contacter l'assistance Jotform. Oui, vous avez bien fait d'essayer d'insérer du code CSS, mais cela nécessite effectivement quelques connaissance de ce langage même, ou un peu de temps et d'aide pour se familiariser.

Notez que dans un code CSS, si rien n'est spécifié entre deux accolades du code, comme souvent est le cas dans le code que vous avez inséré, alors cela ne change rien aux propriétés de l'élément défini avant l'accolade ouvrante, comme par exemple:

element_de_page {

}

Alors on peut supprimer ces lignes pour simplifier.

Je vois aussi que du code que vous avez inséré contient les valeurs par défaut, je me suis donc permis de les supprimer pour simplifier.

Pour supprimer les sections code postal, ville et pays de chacun des champs Adresse de votre formulaire, vous n'étiez pas loin. Comme vous avez vu par vous même, l'identifiant de ces champs peut être connu comme suit.

1. Dans le Générateur de formulaire, sélectionnez l'élément adresse en cliquant sur l'engrenage.
2. Dans le panneau des Propriétés du champ adresse, allez à l'onglet Avancés, cliquez sur le menu déroulant Détails du champ.
3. Vous pouvez maintenant noter, dans la section ID du champ, les nom d'identification des champs que vous souhaitez cacher, ici #input_19_city, #input_19_state et #input_19_postal.

Procédez de même pour le champ adresse suivant (nommé #input45).

Pour cacher ces éléments, il ne vous reste plus qu'à écrire le code suivant:

#input_19_postal,

#sublabel_19_postal {

    display : none!important;

}

#input_19_city,

#sublabel_19_city {

    display : none !important;

}

#input_19_state,

#sublabel_19_state {

    display : none !important;

}

#input_45_state,

#sublabel_45_state {

    display : none !important;

}

#input_45_postal,

#sublabel_45_postal {

    display : none !important;

}

#input_45_city,

#sublabel_45_city {

    display : none !important;

}

Copiez ce code et coller à la place de tout le code que vous avez déjà inséré.

1. Cliquez sur le rouleau de peinture.
2. Allez à l'onglet Styles et descendez jusue la section Injecter du CSS personnalisé.
3. Collez votre code à la place de l'ancien.

Et voilà. Cela nous donne, dans un clone que j'ai fait de votre formulaire:

Essayez et dites-nous si vous avez encore besoin d'aide.