How can I make the flag and language choice bigger for the translation icon?

  • Profile Image
    LuckyDuck22
    Asked on April 04, 2019 at 06:02 PM

     

    I am verry new on it ?

     

    https://eu.jotform.com/build/90922931078865

     

    Thanks a Lot

     

    lucky.duck@lineone.net

  • Profile Image
    Jed_C
    Answered on April 04, 2019 at 08:30 PM

    The flag size can't be adjusted as it is a fixed image loaded from Jotform server https://cdn.jotfor.ms/wizards/languageWizard/custom-dropdown/nation-flags-14x11.png?v=6.

    I haven't tried if it can be change via CSS. As for the font, you can inject the CSS code below to increase the font size.

    .dd-placeholder {

        font-size: 20px !important;

    }

    I'll try and see if I can change the image to a bigger size. I'll let you know in this thread once I found a solution.

  • Profile Image
    LuckyDuck22
    Answered on April 05, 2019 at 03:43 AM
    Thanks for your effort, Lucky

    Van: JotForm
    Verzonden: vrijdag 5 april 2019 02:31
    Aan: lucky.duck@lineone.net
    ...
  • Profile Image
    Jed_C
    Answered on April 05, 2019 at 07:21 PM

    Thanks for waiting.

    Unfortunately, I'm not able to find a workaround to change the icon as the CSS is embedded here https://cdn.jotfor.ms/wizards/languageWizard/custom-dropdown/css/lang-dd.css?3.3.10680.

    Variables for each country is set here https://cdn.jotfor.ms/js/formTranslation.v2.js?3.3.10680. The positioning of each flag is hard coded in that CSS document.

    You'll need to download your full form's source code and modify your own set of languages that is not controlled by Jotform. It would be a tedious task just to change the icon to a larger one.

    Let us know if you have any questions or if you need further assistance.