donation button is not being displayed properly - squished

[phillybhatesme]

i'd like to "fix" the size of my donation button, which is in the footer of my site

site url - http://phillybhatesme.com

it used to look like this

now it looks like this

to troubleshoot, i added a picture to the footer that wasn't a donation button and the picture displayed properly.

i'm not sure what i'm looking for in the stylesheet or if i should even be looking in the stylesheet to fix this.

any help is appreciated!

[phillybhatesme]

any suggestions?

[phillybhatesme]

i tried using the regular donation button instead of my own image, still no luck...

[PayPal_Frank]

Hi phillybhatesme,

Welcome! 🙂

The PayPal button code is correct but the CSS in your website is stretching it out.  If you can edit your CSS directly in your website editor, you'll want to look for this in the code:

input {
    clear: both;
    width: 50%;
    height: 25px;
    margin: 0px;
    border: 1px solid rgb(218, 218, 218);
    font-size: 1em;
}

 The "width: 50%;" part is causing the entire input to be stretched.  You can remove that line of code (assuming that won't mess up any other inputs on your website).

I hope this helps! 🙂

- Frank

[phillybhatesme]

THANK YOU!

there was width AND height.

  width: 50%;
  height: 25px;

once both were removed, the footer displays properly.

thanks!