Image checkboxes: How to change the font size?

  • reprolanguedoc
    Demandé le 29 janvier 2024 à 04:01

    Bonjour, je vous contacte aujourd'hui pour obtenir un renseignement concernant votre code CSS.

    Je suis embêté parce que dans le formulaire sur la première page, j'aimerais pouvoir changer la taille de la police des widgets. J'ai beau modifier le CSS dans les paramètres du widget, cela n'a aucun effet.

    J'ai utilisé l'option "Inspecter" de Google Chrome et j'ai constaté (voir la photo) qu'en désactivant l'option <span style="font-size: 10px;">, je pouvais donc modifier le texte selon mes préférences pour le rendre plus visible. Comment puis-je désactiver cette valeur par défaut afin de pouvoir réellement injecter mes changements ? Je souhaite simplement pouvoir augmenter la police des widgets sur la page 1.

    Merci d'avance pour votre réponse.

    Cordialement,

    Victor Mercier.

    Jotform Thread 11249563 Screenshot
  • Raymond Jotform Support
    Répondu le 29 janvier 2024 à 06:33

    Hi Victor,

    Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    I understand you'd like to increase the font of the texts in your Image Checkboxes. Let me show you how to do it:

    • In Form Builder, click on your Widget and on its Wand icon.
    • Next, click on the Custom CSS tab and paste the following codes into it.
    /* increase font-size under images - 11249563*/
    #images_button_container {
    display: flex;
    }
    #images_button_container > li > label > span {
    font-size: 12px;
    }
    /* Ends here */

    Image checkboxes: How to change the font size? Image 1 Screenshot 30

    I would also recommend increasing the height of your widget. Let me walk you through it:

    • Click on the Gear icon beside your widget, and increase the height to 200.Image checkboxes: How to change the font size? Image 2 Screenshot 41

    Feel free to test this demo form or clone it to your account to inspect it further.

    Give it a try and let us know if you need any help.

  • reprolanguedoc
    Répondu le 29 janvier 2024 à 08:17

    Thank you very much for your reply, the problem has been solved.

    Sincerely Victor Mercier.