Removing the box shadow of the form

  • Profile Image
    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?

  • Profile Image
    Jan
    Answered on August 16, 2016 at 12:07 PM

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

     

    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.

  • Profile Image
    pickupchange
    Answered on August 28, 2016 at 07:56 AM

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

     

  • Profile Image
    pickupchange
    Answered on August 28, 2016 at 08: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?
  • Profile Image
    Jan
    Answered 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:

    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.

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

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

  • Profile Image
    pickupchange
    Answered on September 04, 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.

  • Profile Image
    Jan
    Answered on September 04, 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.