Too Much Space At Top of Card Form

  • 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 Screenshot 101556637795Screen Shot 2019 04 30 at 11 Screenshot 21

    Jotform Thread 1808675 Screenshot
  • stevenmarshall
    Replied on April 30, 2019 at 2: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


  • sungangsta
    Replied on April 30, 2019 at 5: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

  • stevenmarshall
    Replied on April 30, 2019 at 6: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;