[Charan RParticipant]

Is there a way to substitute a standard PayPal button for one of the theme buttons?

[SupportMember]

Hi Charan,

Create PayPal payment link and add that link to theme buttons, you can find more about creating PayPal links at URL below.

http://www.wikihow.com/Make-a-Paypal-Payment-Link

Thanks

[Charan RParticipant]

Apologies. Not understanding. I have the paypal buttons created and posted to the site. Is there a way to select the button itself and substitute a theme button for the provided paypal button or is there a different process?

[SupportMember]

Hi,

Sorry for the confusion.

We can actually apply the button’s css code on the paypal button. First, we need to see the actual page with the paypal button. If you don’t mind, please post it here.

Thanks!

[Charan RParticipant]

http://www.simran-singh.com/site/machu-picchu-2015/

[SupportMember]

H Charan!

THank you for using the theme!

First, remove the image on paypal code. It looks something like this:

https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif

Add this on Customizer > Custom > CSS:

form[target="paypal"] input[type="image"] {
display: block;
position: relative;
border: 1px solid #ac1100;
padding: 0.563em 1.125em 0.813em;
cursor: pointer;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.3;
text-align: center;
vertical-align: middle;
color: white;
background-color: #ff2a13;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
margin-bottom: 0.25em;
text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
z-index: 0;
width: 200px;
height: 50px;
}

form[target="paypal"] input[type="image"]:before {
content: 'Add to Cart';
display: block;
width: 200px;
height: 50px;
z-index: 9999;
position: relative;
color: white;
}

form[target="paypal"] input[type="image"]:after {
content: '';
}

I hope that helps.

Cheers!

[MrsXParticipant]

Thanks!

[NicoModerator]

You’re welcome.

Let us know if you need anything else.

Thanks.

[Author]

Posts