03-25-2017, 10:12 AM #1
How to center Paypal button in Wordpress
I am setting up a Wp single page and generated a Paypal button, I have codes from Paypal and inserted on the page. But the problem is although its centered in Wordpress editor but when viewing on my browser it still shows the buttons on the left hand side. Is there an html code I'm missing or something to make Paypal button center on my WordPress page?
03-25-2017, 04:56 PM #2
Try inserting the PayPal code in between center tags...
Do this in view source mode.
03-26-2017, 02:53 AM #3
CSS is your friend.
Use the browser's Inspect function to find the element in page source.
Use "margin: auto" on the button element, or "text-align: center" on the div containing the button.
With CSS you can also easily control the padding (space around the element) and many other things.
CSS is easy to learn, very powerful and extremely useful!
Styling in html works too, but it is so 1998 Every webmaster should know and be able to use basic CSS! The best way to learn it is to start with simple things, like centering.
10-24-2017, 09:35 AM #4
There are a few way to center Paypal button in Wordpress as following.
<center></center> around your Paypal button.
Creating a div with this code: <div style="text-align:center;">Your Paypal button</div> or <div style="margin: 0px auto;">Your Paypal button</div>
You can replace style="" with a class="" into a CSS file to make your code more professional.
Hope that helped.
01-22-2018, 06:34 AM #5
Hey there! PayPal gives you the HTML code that you can use your web page so that you can start receiving online payments. By default, this code produces a button which places at left-side on your page. you can center the button yourself with some CSS code. The CSS code can change the PayPal button, centering it on the page without changing its functionality.
/* center Paypal button */
margin: 0 auto;
The Following User Says Thank You to MattCarson For This Useful Post:
12-26-2019, 01:10 PM #6
12-26-2019, 08:16 PM #7
Most likely in the paypal button case it would not be needed.
12-27-2019, 11:03 AM #8
Replies: 6 | Views: 2007Last post by Hikarihost, 03-31-2017, 04:28 AM
Replies: 5 | Views: 2586Last post by kelz784, 12-08-2017, 05:48 AM
Replies: 22 | Views: 3124Last post by joeypacouter, 04-25-2017, 09:12 AM
Replies: 14 | Views: 2903Last post by jennypitula, 12-26-2017, 06:57 AM
Replies: 6 | Views: 2372Last post by enstinemuki, 04-17-2017, 06:13 AM
Replies: 6 | Views: 3278Last post by Riviera, 08-05-2018, 02:17 PM
By SenseiSteve in forum Web HostingReplies: 5 | Views: 1648Last post by HostaPolis, 03-27-2017, 12:27 AM
By Eugeneus in forum Business PartnersReplies: 1 | Views: 1605Last post by indojaja, 06-12-2017, 06:35 PM
Replies: 0 | Views: 1032Last post by Josef Rohhami, 03-23-2017, 07:58 PM
By bijutoha in forum Graphic DesignReplies: 0 | Views: 1Last post by bijutoha, Today, 05:14 AM
By Nemanja in forum Web HostingReplies: 1 | Views: 34Last post by Rob Whisonant, Yesterday, 08:17 PM
By cloudteh in forum Dedicated Hosting OffersReplies: 1 | Views: 45Last post by Nemanja, Yesterday, 03:40 PM
HOT Cloudteh => Linux/Windows [20% OFF FOR LIFE] | NVMe SSD | 100% Secure | FREE Backups | 99.99% UptimeBy cloudteh in forum VPS Hosting OffersReplies: 0 | Views: 44Last post by cloudteh, Yesterday, 03:29 PM
HOT Cloudteh - [20% OFF FOR LIFE] cPanel | LiteSpeed + CloudLinux | NVMe SSD | 100% Secure 100% Uptime!By cloudteh in forum Shared Hosting OffersReplies: 0 | Views: 49Last post by cloudteh, Yesterday, 03:24 PM
By Adam Yunker in forum Online Business and eCommerceReplies: 2 | Views: 1677Last post by Developer, 01-03-2016, 09:03 PM
Replies: 2 | Views: 3222Last post by iisbetoq, 07-29-2013, 12:53 AM
Replies: 4 | Views: 5871Last post by OWF, 03-12-2013, 03:14 PM
Replies: 0 | Views: 1658Last post by JerryJo, 03-11-2013, 07:34 AM
Replies: 1 | Views: 2170Last post by webdesign, 08-03-2012, 03:03 AM