Modification des sous étiquettes

Bonjour,

Pourriez-vous m'indiquer comment afficher les sous-étiquettes (ici "De 8h30 à 20h, du lundi au vendredi") juste en dessous de l'étiquette de champ ("Disponibilités sur les prochains jours :")

Si cela n'est pas possible, pourriez-vous me dire comment modifier la couleur de l'information additionnelle svp ? J'ai pu la modifier sur les autres éléments, mais pas sur les textes longs.

Sur les autres champs, j'ai utilisé le code suivant (mais il ne fonctionne pas sur les textes longs).

.form-textbox::placeholder, 

.form-dropdown:not(.time-dropdown):not(:required), .form-dropdown:not(:required), 

.form-dropdown:required:invalid {

  color : #6F779D;

}

Merci par avance,

Bonne journée :)

Bonjour Bobby,

Merci de prendre contact avec l'équipe Support de Jotform. JE comprend que vous souhaitez changer la place de la sous-étiquette du champ "Disponibilité sur les prochains jours" uniquement ou d'en changer la couleur, sans pour autant changer les autres sous-étiquettes. Si tel est le cas, j'ai besoin d'un peu de temps pour trouver une solution. Je reviens vers vous très vite.

Cher Bobby,

merci de votre patience. Pour afficher la sous étiquette  du champ "Disponibilité sur les prochains jours" uniquement, il suffit d'injecter le code CSS suivant dans votre formulaire :

label#sublabel_input_19.form-sub-label {

  position: relative;

  bottom: 190px;

}

ce qui donne le résultat suivant, tel que je l'ai essayé sur un clone de votre formulaire :

Pour injecter ce code CSS dans votre formulaire, procédez comme suit :

• Dans la page Build de votre formulaire, cliquez sur l'icone bleue Form Designer (rouleau de peinture)

• Cliquez sur l'onglet Styles du panneau d'édition et insérez le code ci-dessus dans le champ Inject Custom CSS :

Si vous désirez appliquer cette même mise en forme sur d'autres champs, il vous faut connaitre l'identifiant (ID) du champ en question et adapter le code en conséquence en en respectant la syntaxe.

Pour connaître l'ID d'un champ du formulaire :

1. Dans la page Build du formulaire, sélectionnez le champ du formulaire à éditer et cliquez sur l'icone d'engrenage pour accéder à ses propriétés (Properties)
2. Dans l'onglet de droite des propriétés du champs, sur l'onglet Advanced
3. et en bas de cet onglet, déroulez le menu Field Details pour connaitre l'ID de ce champ, ici #input_19, que vous pourrez reporter dans le code CSS à injecter

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