How can I increase the flag n the languiage choice

  • Profile Image
    maisonlondres
    Asked 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

     

     

     

  • Profile Image
    Nik_C
    Answered 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
    Chriistian
    Answered 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.