Removing the box shadow of the form

  • pickupchange
    Asked on August 16, 2016 at 11:48 AM
    The only problem now is that there is always a background below the button that I can't remove, neither with the designer tool, nor with css.

    Do you have any idea for that?

  • Jan
    Replied on August 16, 2016 at 12:07 PM

    Are you referring to the box shadow below the PayPal button?

    Removing the box shadow of the form Image 1 Screenshot 20

     

    If yes, then please try injecting this custom CSS:

    .supernova .form-all {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    }

    Here's a guide on how to inject custom CSS. Hope that helps. Thank you.

  • pickupchange
    Replied on August 28, 2016 at 7:56 AM

    The box shadow is gone but there's always a white-ish background below.

     Removing the box shadow of the form Image 1 Screenshot 20

  • pickupchange
    Replied on August 28, 2016 at 8:35 AM

    And plus,

    how can I send an email with the product to the people who buy through the button. Can I get the email the used to access paypal?
  • Jan
    Replied on August 28, 2016 at 10:24 AM

    The box shadow is gone but there's always a white-ish background below.

    Is this the form (https://www.jotform.com/62282592481359) you're referring to? I've checked it and it seems that you already fixed the issue. The whitish color and the text "Or you can check out with Paypal" are not showing anymore. Here's a screenshot:

    Removing the box shadow of the form Image 1 Screenshot 20

    However, if this form is embedded on a webpage, please provide the URL so that we can further investigate. It is possible that the background color of the form needs to be adjusted.

    How can I send an email with the product to the people who buy through the button. Can I get the email the used to access paypal?

    I need to create a separate thread for this question. Here's the URL of the new thread: https://www.jotform.com/answers/918671.

    Thank you.

  • pickupchange
    Replied on August 28, 2016 at 10:57 AM

    You can see the Paypal button in this page http://www.pickupchange.com/thank-you-email-series-upsell-ebook/

    If you scroll to the bottom, you'll find the paypal button.

  • Jan
    Replied on August 28, 2016 at 12:24 PM

    I can now see the problem, the form background should be changed to transparent so that it will match your page background. Please insert this custom CSS to your form.

    .supernova {
    background: transparent !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes.

    Hope that helps. Thank you.

  • pickupchange
    Replied on September 4, 2016 at 11:55 AM

    Hello,

    why do you think I have this problem with the paypal button on my page? The button looks like is cut.

    Removing the box shadow of the form Image 1 Screenshot 20

  • Jan
    Replied on September 4, 2016 at 12:38 PM

    I have moved this inquiry to a different thread since it is unrelated to the original issue. Here's the link for the new thread: https://www.jotform.com/answers/924077

    Hope that helps. Thank you.