Getting a weird space in my form

  • diego_diego689_Diego
    Asked on February 16, 2021 at 3:25 PM

    Hi:

    I'm getting this blank section between my product and the credit card details.

    https://form.jotform.com/210424899255058

    Can someone help me get rid of it please

  • Jovanne JotForm Support
    Replied on February 16, 2021 at 7:37 PM

    Hi, thank you for contacting support.

    Could you please try adding this custom CSS code:

    Guide:https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    .payment_footer.new_ui {
      display: none;
    }


    Here's a sample output:

    1613522209 602c65215bd77  Screenshot 10

    Please give it a try and let us know how it goes.

  • diego_diego689_Diego
    Replied on February 16, 2021 at 7:48 PM

    Thank you!!!

    It's partially working:

    It's working on the direct link: https://form.jotform.com/210424899255058

    But it's not working on an embedded form: https://bannister.coach/happy-runner-community-checkout/

    Thanks for the help

  • Jessica JotForm Support
    Replied on February 16, 2021 at 10:38 PM

    Hi diego_diego689_Diego,

    Could you kindly try to delete and reembedded your code again into your website?

    Let us know if it makes any difference.

  • diego_diego689_Diego
    Replied on February 17, 2021 at 10:07 AM

    Hi Jessica:

    I just did, still no luck :(

    It's driving me crazy... hope you can help me to fix it.


  • Bojan Support Team Lead
    Replied on February 17, 2021 at 12:12 PM

    Greetings.

    Please try adding the following CSS instead of the one my colleague has suggested:

    .payment_footer.new_ui {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    }


    Let us know if this solution works for you.

  • diego_diego689_Diego
    Replied on February 17, 2021 at 3:12 PM

    This one worked...

    Thank you very much!