How can I increase the flag n the languiage choice

  • maisonlondres
    Asked on September 7, 2016 at 6: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

     

     

     

  • Nik_C
    Replied on September 7, 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:

    How can I increase the flag n the languiage choice Image 1 Screenshot 20

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

    Thank you!

     

  • Chriistian Jotform Support
    Replied on September 7, 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.

    How can I increase the flag n the languiage choice Image 1 Screenshot 20

     

    Do let us know if you need further assistance.