Image inside of my form is not responsive

  • JKulp42757
    Asked on June 15, 2015 at 4:35 PM
    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
    Replied on June 15, 2015 at 4:45 PM

    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.