Getting a weird space in my form

  • Profile Image
    diego_diego689_Diego
    Asked on February 16, 2021 at 03: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

  • Profile Image
    Jovanne_A
    Answered on February 16, 2021 at 07: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_

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

  • Profile Image
    diego_diego689_Diego
    Answered on February 16, 2021 at 07: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

  • Profile Image
    Jessica_H
    Answered 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.

  • Profile Image
    diego_diego689_Diego
    Answered 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.


  • Profile Image
    Bojan_J
    Answered 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.

  • Profile Image
    diego_diego689_Diego
    Answered on February 17, 2021 at 03:12 PM

    This one worked...

    Thank you very much!