What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I increase the flag n the languiage choice

    Asked by maisonlondres on September 07, 2016 at 06:54 AM

    Hello

     

    I add a second language for my form and the button format to choose the language is "flag only"

    I would like to increase the size of the flag as it is currently very small and some people will not notice it

    Is it possible as well to center it on the page and to add a label? Ex: "Please select your language"

    Many tahnks

     

    Sebastien

     

     

     

    Page URL:
    https://form.jotform.com/62445491741963

    flag increase how how can i
  • Profile Image
    JotForm Support

    Answered by Nik_C on September 07, 2016 at 10:11 AM

    Please try to insert this in your Custom CSS field:

    .cont {

        margin-left : -420px!important;

    }

    That will position your language bar in the middle of the form:

    Regarding the title, I'll try to position that label and get back to you.

    Thank you!

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 07, 2016 at 10:44 AM

    Hi there,

    I have coordinated with my colleague Nik_C. Please try the following CSS to have the flag dropdown centered and have label.

    .cont {

        margin: auto !important;

        float: none !important;

        width: 280px !important;

    }

     

    .cont:before {

        content : "Please select a language:";

    }

     

    .language-dd {

        margin-top: -5px !important;

    }

    Please take note that the margin is quite different with the one given by my colleague but please feel free to try either of the CSS we have given.

     

    Do let us know if you need further assistance.