Image inside of my form is not responsive

  • Profile Image
    JKulp42757
    Asked on June 15, 2015 at 04: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?
  • Profile Image
    BJoanna
    Answered on June 15, 2015 at 04: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;

    }

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

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