-
sungangstaAsked 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?
Page URL: http://money101workshop.com/quiz/ -
stevenmarshallReplied 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
-
sungangstaReplied 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 -
stevenmarshallReplied 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;
}