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

  • LuckyDuck22
    Asked on April 4, 2019 at 6:02 PM

     

    I am verry new on it ?

     

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

     

    Thanks a Lot

     

    lucky.duck@lineone.net

  • Jed_C
    Replied on April 4, 2019 at 8: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.

  • LuckyDuck22
    Replied on April 5, 2019 at 3:43 AM
    Thanks for your effort, Lucky

    Van: JotForm
    Verzonden: vrijdag 5 april 2019 02:31
    Aan: lucky.duck@lineone.net
    ...
  • Jed_C
    Replied on April 5, 2019 at 7: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.