Button Background in Footer

• 

  akilpatrickccinstituteorg · Member · Nov 21, 2019 at 10:11 pm

  • Copy link
  • Add topic to favorites

  Hello, I have added a paypal donate button to the footer of my website. However, the button has a white background. I think this is written in my theme CSS as the image originally has a transparent background. What code can I add to my custom CSS to override this?

  The blog I need help with is: (visible only to logged in users)

• 

  staff-blorbo · Staff · Nov 21, 2019 at 11:38 pm

  • Copy link

  Unfortunately, the button itself is just an image with that white background, and there doesn’t appear to be a way to change that through PayPal: https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif

  Have you considered a Simple Payments widget instead? https://en.support.wordpress.com/wordpress-editor/blocks/simple-payments-block/3/

  It goes through PayPal too, and we have some styling tips at https://en.support.wordpress.com/simple-payments-styling/

• 

  akilpatrickccinstituteorg · Member · Nov 22, 2019 at 4:36 pm

  • Copy link

  When I look at the image in an editor, there is no white background. It is transparent. I took paypal’s default gif and converted it to a png with no difference.

• 

  supernovia · Staff · Nov 22, 2019 at 6:33 pm

  • Copy link

  Honestly I’m not sure it matters whether you use their button or make your own. The important thing is that the form goes to the right place.

  At this point I see it’s got a clear background, but it also has a border around it. You can remove that by adding this CSS:

  input[type="image"] {
      border: none;
  }

  Hoping that helps! Note you’ve got other payment options too:
  https://en.support.wordpress.com/?s=payments

  Recurring payments might be a good choice for your site.

  Feel free to open a chat if you have questions!

  Contact