How to create a button on a page
-
Hello, I am trying to add the following code to my website allowing users to click on this button and access my specific PayPal account directly. WordPress doesn’t seem to like what I have. Any help is appreciated!
Border Size:
Box Shadow / inset
Vertical Position:
Horizontal Position:
Blur Radius:
Spread Radius:
Text Shadow
Vertical Position:
Horizontal Position:
Blur Radius:
Joyful-Soul PayPal.PayPal Button {
-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
box-shadow:inset 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffec64′, endColorstr=’#ffab23′,GradientType=0);
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:Georgia;
font-size:15px;
font-style:italic;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.PayPal Button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffab23′, endColorstr=’#ffec64′,GradientType=0);
background-color:#ffab23;
}
.PayPal Button:active {
position:relative;
top:1px;
}The blog I need help with is: (visible only to logged in users)
-
Hello, I am trying to add the following code to my website allowing users to click on this button and access my specific PayPal account directly. WordPress doesn’t seem to like what I have. Any help is appreciated!
-
Hi there,
Instructions for adding a PayPal button to your site are here: https://en.support.wordpress.com/paypal/
It’s a bit different from just pasting in the code from PayPal.
Also, the code you list above appears to be only CSS and not the code for a button that would actually link your PayPal account to your website.
Please take a look at the instructions at the link I provided and let us know if you have further questions.
-
Thank you for your response! I’m having trouble completing step 2 – getting the PayPal code- because I can’t find it on the PayPal site! I searched for a while for the BUTTON MANAGEMENT page to no avail. Any ideas there? I’d love to get this to work!
Thanks for your time.V
-
Hi @spiritual00,
I found some additional information on creating PayPal buttons and adding them to your website. Here is the link.
I remember having trouble finding the page on the PayPal website to create the buttons as well! The instructions at the link above provide a link that will take you right to the button creation once you log in to PayPal.
I hope this helps! Let us know if you need further assistance.
-
@spiritual00 and @joyinco, many thanks for bringing the Paypal support page issue to light. I’ll be updating that today.
- The topic ‘How to create a button on a page’ is closed to new replies.
WordPress.com Forums 