Donate Button is not showing correctly

exscnkids
New Community Member

I loaded the code to the Donate button on our website but it is coming up squashed.  Can't figure out what is causing this but any resizing etc. I try doesn't work.

 

Here is the page I am testing with the button.

http://exscientologykids.com/amy1.html 

Login to Me Too
1 REPLY 1

PayPal_Frank
Administrator
Administrator

Hi exscnkids,

 

Welcome to the community! 😄

 

The CSS on your site is setting all <input> elements to a height of 15 pixels and a width of 125 pixels.  The PayPal button code uses an input element to display the button image but the dimensions are 43 pixels high and 147 pixels wide.  So you'll need to change the CSS on your site to fix this.

 

Here's the part of the PayPal button code that displays the image:

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" width:"147" height="43" align="center" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

 One way to fix this would be to add this line to your CSS:

 

#RightPart input{height: 43px; width: 147px;}

 

I hope this helps! 🙂

 

- Frank

If you see a helpful post, please accept it as a solution or give the author kudos. 🙂 Thanks!
Login to Me Too

Haven't Found your Answer?

It happens. Hit the "Login to Ask the community" button to create a question for the PayPal community.