Too Much Space At Top of Card Form

  • Profile Image
    sungangsta
    Asked on April 30, 2019 at 11:24 AM

    Hello

    I've removed the title from my quiz and it looks good in jotform but when I embed it into my page: http://money101workshop.com/quiz/ there is a huge space above the first question. It's not as noticeable on the desktop screenshot attached but it's making the quiz useless on the mobile version. (see screenshot attached).

    How do I decrease it? 1556637782Screen Shot 2019-04-30 at 11.11556637795Screen Shot 2019-04-30 at 11.1

  • Profile Image
    stevenmarshall
    Answered on April 30, 2019 at 02:03 PM

    Hi @sungangsta,

    Unfourtantly, with the card forms, there is not really a way to adjust.

    One thing you could try is using the Inline Embed Features in card Forms. After embedding your card on your website, you will see a blue pencil icon at the top of your form. Click on it to open the inline embed settings.

    Guide: Using-the-Inline-Embed-Features-in-Card-forms


  • Profile Image
    sungangsta
    Answered on April 30, 2019 at 05:06 PM

    Hi,

    Thanks for your response. I tried the Inline Embed Features but they will not save. See my screencast for an example: https://www.screencast.com/t/jZ1QYXdWbHcb

    Thanks,
    Sunny

  • Profile Image
    stevenmarshall
    Answered on April 30, 2019 at 06:56 PM

    Hi @sungangsta,

    I apologize that the Inline Embed Feature did not work for you.

    Unfourtantly, card layouts will always adapt to the container where they sit. So not really able to make adjustments like the regular form layouts.

    Here is another option to try to add the CSS code on your site below to see if that makes a difference.

    .jfForm-wrapper {

       padding-top: 0 !important;

       padding-bottom: 0 !important;