Image inside of my form is not responsive

  • JKulp42757
    Domanda del 15 giugno 2015 alle ore 16:35
    There is just one small error I'm trying to fix, it's not with the form itself, but actually the image right above the form, that does not scale properly. Is it possible to scale this image so that the words in the image are not cut off on small screens?
  • BJoanna
    Risposta del 15 giugno 2015 alle ore 16:45

    You can make image that is right above the form responsive by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-all:before {

    background-size: 95% auto;

    background-position: center;

    }

    Image inside of my form is not responsive Image 1 Screenshot 30

    After adding this code your form will look like this on mobile devices:

    Image inside of my form is not responsive Image 2 Screenshot 41

    Hope this will help. Let us know if you need further assistance.