How do I change the Paypal Button color?

Hi,

How do I change the Paypal Button background color to #EEEEEE? See example here: http://www.amtvmedia.com/amtv-premium/

The PayPal integration shows a white background? Please help.

THX!

Christopher

Hi Christopher,

I’m not sure which button you’re referring to. Are you talking about the yellow “Checkout with PayPal” button that appears on the Pro-Forms? If so, that cannot be changed (PayPal’s rules).

However, if you’re referring to the graphic that shows up when you generate a PayPal button inside s2Member (Dashboard -› s2Member® -› PayPal® Buttons), then you can use the image=”” shortcode attribute to specify your own image. Please see Dashboard -› s2Member® -› PayPal® Buttons -› Shortcode Attributes (Explained).

Take a look at the link I provided above. You’ll see red buttons but a white border around them that doesn’t match the page color #EEEEEE? I’ve already tried modifying the image to the background color, also set the image background to transparent but PayPal seems to be taking over?

CG

That’s being added by your theme.

https://www.amtvmedia.com/wp-content/themes/detube/style.css

input,textarea,select,button,.btn {
	display:inline-block;
	padding:4px;
	margin:0;
	outline:none;
	background-color:#FFF;
	border:1px solid #D7D7D7;
	-webkit-border-radius:3px;
	border-radius:3px;
}

Thank you! That fixed it. :)

OK, actually… This didn’t fix it because I can’t make changes to the theme without affecting other elements. Is there another way to accomplish this? For some reason, my theme treats S2Member shortcode as an input text area. Why is it doing this?

Can I customize this somehow when generating the PayPal button with s2Member?

THX.

CG

Your theme’s style is using the HTML tag [hilite mono]input[/hilite] as one of the selectors, so the button, which is an input in the HTML form, will be styled by it. What you can do, is style it with a more specific selector so that it overrides the theme’s.