For the Wordpress experts, my paypal buttons won't center???

by QuickSurf

Posted: 14 years ago 20 replies

WEB DESIGN

Using a single WP setup as static, my paypal buttons only stay on the left hand side of the page, in "visual" if I click center, it shows it centered there, but when you refresh the site it still shows the buttons on the left hand side.

Is there an html code I'm missing or something? There has to be a way to center buttons as I've seen it before on WP.

#buttons #center #experts #paypal #wordpress

buckapple 14 years ago

Hi,

I've used html tables and cells to get paypal to cooperate. There's probably a better way but it was quick and I was on my way.
- [ 1 ] Thanks
Signature
~Build your list with PLR Gluten-Free Videos ~
{{ DiscussionBoard.errors[3022739].message }}
Mikedb 14 years ago

go to HTML instead of Visual and use normal code to center the image.
Then Publish. Do not refresh or preview, just publish.

Go to your site and hit F5 when you are on a Windows PC.

Now it should be centered.

regards,

Mike
- [ 1 ] Thanks
- 2 replies
Signature

SEO
{{ DiscussionBoard.errors[3022740].message }}
- QuickSurf 14 years ago
  
  whats the code? The only html codes I can find for centering images are if its stored on your site or hard drive. Like what code would I use in conjunction with the paypal html code for the buttons?
  
  edit- damn you guys were fast haha, I'll try it later. Thanks
  
  Thanks
  
  {{ DiscussionBoard.errors[3022770].message }}
- cbrauer 14 years ago
  
  Or just use real HTML
  
  Just click the HTML button and paste this where you want the image....paste the full image URL in the PHOTO spot including the HTTP://
  
  <H1><CENTER>This is your text.</CENTER>
  <CENTER><IMG SRC="photo.jpg"></CENTER>
  
  Good Luck
  
  [ 2 ] Thanks
  
  Signature
  Jixty Is a new search engine with tons of cool features including low cost PPC. Preview full functioning websites before clicking links to ensure high quality results.
  
  ArticleHomestead post articles for free and share them with the world. Do follow backlinks, please only submit quality articles.
  
  {{ DiscussionBoard.errors[3022776].message }}
Sour 14 years ago

Try wrapping the button in <div style="text-align:center;">...your PayPal button...</div>. You'll have to switch over to the HTML editor first, though.
- [ 8 ] Thanks
- 3 replies
{{ DiscussionBoard.errors[3022759].message }}
- kylenelson24 13 years ago
  
  Originally Posted by Sour
  
  Try wrapping the button in <div style="text-align:center;">...your PayPal button...</div>. You'll have to switch over to the HTML editor first, though.
  
  Thanks for posting the idea of wrapping the html and then publishing it rather than click back to preview. Did the fix for myself!
  
  Thanks
  
  Signature
  
  All Services Provided by
  Kyle Nelson
  [/CENTER]
  
  {{ DiscussionBoard.errors[5846188].message }}
- The Fast Track Team 12 years ago
  
  Originally Posted by Sour
  
  Try wrapping the button in <div style="text-align:center;">...your PayPal button...</div>. You'll have to switch over to the HTML editor first, though.
  
  Thank you SO much for that! Every time I used just simple <center></centre> it was fine for 5 minutes ... then the code disappeared and the button was back on the left.
  
  Thank goodness for dogged determination and forum posts that stay up
  
  PS: And if WordPress doesn't STOP inserting   all over the place I shall get VERY cross!
  
  Thanks
  
  {{ DiscussionBoard.errors[6269046].message }}
- DoubleOhDave 11 years ago
  
  Originally Posted by Sour
  
  Try wrapping the button in <div style="text-align:center;">...your PayPal button...</div>. You'll have to switch over to the HTML editor first, though.
  
  Still helpful 3 years later!! Thank you
  
  Thanks
  
  Signature
  
  Could this be the best free autoresponder - ever?
  
  {{ DiscussionBoard.errors[8175154].message }}

getsmartt

14 years ago

In the html view add this before your paypal button code

Code:

 <div align='center'>

after the paypal button code add this

Code:

</div>

edit: looks like she ^^^ was faster

[ 7 ] Thanks
3 replies

Signature

Was mich nicht umbringt, macht mich stÃ¤rker

{{ DiscussionBoard.errors[3022764].message }}

Sour

14 years ago

Originally Posted by getsmartt

In the html view add this before your paypal button code

Code:

 <div align='center'>

after the paypal button code add this

Code:

</div>

edit: looks like she ^^^ was faster

Haha, he*. I'm the one in the blue shirt! Unless it looks like two girls in the picture

Thanks
1 reply

{{ DiscussionBoard.errors[3022785].message }}

getsmartt 14 years ago

Originally Posted by Sour

Haha, he*. I'm the one in the blue shirt! Unless it looks like two girls in the picture .

LOL, sorry, didn't pay too much attention, just took a quick glance at the pic and saw the woman. Color me embarrassed

James
- Thanks
Signature

Was mich nicht umbringt, macht mich stÃ¤rker
{{ DiscussionBoard.errors[3022794].message }}

peterp668 12 years ago

Wow, thanks.
I was having a bit of trouble with that (a few hours of messing with it) and your very qucik method worked a treat. Thankyou.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[7296633].message }}
- denysapu 12 years ago
  
  Originally Posted by peterp668
  
  Wow, thanks.
  I was having a bit of trouble with that (a few hours of messing with it) and your very qucik method worked a treat. Thankyou.
  
  That's good. Glad you fiigured it out
  
  Thanks
  
  1 reply
  
  Signature
  
  Don't worry be happy!
  
  {{ DiscussionBoard.errors[7296786].message }}
  
  rtrube 12 years ago
  
  Thanks for the help with this guys! I was having issues with "Read More" buttons not centering on the content in a theme, and I wrapped it with the code in the "Home.PHP" folder - and blammo - FIXED! WOOHOO!
  
  Thanks
  
  {{ DiscussionBoard.errors[7508897].message }}
getthedeal 10 years ago

Works like charm
- Thanks
Signature
Accounting Services in Bangalore
{{ DiscussionBoard.errors[9406178].message }}

indexphp 14 years ago

or use current HTML

<div style="width:300px;margin: 10px auto;">
// button code here
</div>
- [ 1 ] Thanks
Signature
www.TrafficPlusConversion.com
{{ DiscussionBoard.errors[3022807].message }}
RichGal 12 years ago

Hmmm, I`ve never had problems centering :-/
- Thanks
{{ DiscussionBoard.errors[6269058].message }}
shan beach 12 years ago

This helped me!! THANKS!!
- Thanks
Signature

www.CollectiveSuccessInc.com
www.MediaPrintingNow.com
Live in the way that suggests you know what time it is, with or without a watch.
{{ DiscussionBoard.errors[6436051].message }}
Michael71 10 years ago
Do not use <center> or <div align="center"> ... these tags are deprecated.

Use CSS.

Find out the width of your PayPal button and wrap it into a div, e.g. with Google Chromes "Inspect Element" (right click on the PayPal button).

Now use something like this:
Code:

<div style="width:171px;margin:0 auto;"> ... PayPal button code ... </div>
This will center the div which includes your PayPal button.
- Thanks
Signature

HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
---
Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu
{{ DiscussionBoard.errors[9406865].message }}

For the Wordpress experts, my paypal buttons won't center???

Trending Topics

Digital Marketer

Model Collapse

how to create new thread

Teacher seeking guidance/mentorship

Unfortunately we won't get a 'Following' feed option on IG