Gray Background on PayPal Button

[MoodyRiviera]

Hello,

I'm setting up a web site using the Enterprise theme, and using a PayPal "Donate" button. The "Donate" buttons seems to operate OK through PayPal, but the problem is that the button has an unwanted "gray backround" even though the button itself has a "transparent background."

I'm guessing that some kind of CSS rule is adding the gray background, but my CSS skills aren't good enough to figure it out.

I hope someone will help me figure out how to make the gray background disappear from the PayPal button. Here's the URL:
http://www.vietnow.com/donate

Thank you.

http://www.vietnow.com/donate

[Susan]

The background (and border) is controlled in the stylesheet, starting at line 116:

.wp-caption {
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 3px;
}

[Gary Jones]

Removing the background and border from the code Susan gave will remove it for all of the following:

blockquote, input, select, textarea, .author-box, .sticky, .taxonomy-description, .wp-caption

which is probably not what you want.

The solution is to add a class="paypal" to your form element, then:

.paypal input {
    background: transparent;
    border: none;
}

If you don't care about IE8 users, you can skip the class attribute, and just use:

form[action*="paypal.com"] > input {
    background: transparent;
    border: none;
}

---

WordPress Engineer, and key contributor the Genesis Framework | @GaryJ

[MoodyRiviera]

All right!!!!!!!

I was in a bad mood because I couldn't figure this out...but now I'm happy because you both have helped me.

Thanks to Susan for the fast and helpful advice. I tried what you said, but it caused problems with places where I actually needed the background color.

Then I came back here and saw Garyl's instructions, and that was the next part of the key.

Due to my minimal knowledge of coding, it took several tries for me to figure out where to put the new class in the HTML (after I created the new class in the stylesheet, but eventually I got it, and the PayPal button now looks great.

Thanks so much for all your help.

[Susan]

Glad to be of some assistance, but it was Gary that saved the day 😉

[Author]

Posts