I can't find the place to inject custom CSS codes on my form

  • Profile Image
    vicleeg
    Asked on September 14, 2019 at 03:42 PM

    I have created a card form using a theme and can't figure out how to decrease the top and bottom margins. When I click on the Form Designer, Custom it doesn't provide a place to inject css.

    You can view my form at https://anchorinspectiongroup.com/lp/cost/1/index.php.

    You can see the top and bottom margins are too large.

    It does look like the height is set to fixed so that the "longest" card fits. Is there a way to make it "auto" to where it resized to the fit of the card rather than have that much top/bottom space on cards that are not as large?

    Screenshot
  • Profile Image
    KrisLei
    Answered on September 14, 2019 at 05:40 PM

    Hi,

    Unfortunately, the Card layout form doesn't have the option to inject CSS codes, that feature is only available on the Classic layout.

    Are you referring to the margin on the form itself or the margin when it's already embedded on your website? If you are referring to the margin on the website, please try to use the pencil icon on the upper right corner of the embedded form. It will show you options for modifying your form's layout.

    1568496950godaddy site.JPG

    We will wait for your response.

  • Profile Image
    vicleeg
    Answered on September 15, 2019 at 11:28 AM

    This was exactly what I needed BUT after changing the height option, (must have changed it too much), NOW MY FORM IS NOT VISIBLE and I can't edit because only the very top of the form shows and no pencil. How can this be fixed. Please help.

  • Profile Image
    John_Benson
    Answered on September 15, 2019 at 12:39 PM

    I checked your webpage and I can see that the embedded form is back to normal.

    You can try to re-embed the form using the iFrame method and change the height to 478px. You'll find the height parameter inside the iFrame code. Here's a guide on how to get the iFrame code: Getting-the-Form-iFrame-Code.

    1568565518iframecard.png

    Here's how it should look like:

    1568565534resulitram.png

    Hope that helps. If you have any questions, let us know.