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

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
  • Profile picture of the author buckapple
    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.
    {{ DiscussionBoard.errors[3022739].message }}
  • Profile picture of the author Mikedb
    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
    Signature
    {{ DiscussionBoard.errors[3022740].message }}
    • Profile picture of the author QuickSurf
      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
      {{ DiscussionBoard.errors[3022770].message }}
    • Profile picture of the author cbrauer
      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
      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 }}
  • Profile picture of the author 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.
    Signature
    WYSIWYG Landing Page Creator WSO - Create Custom Landing Pages with ZERO Skills Required
    {{ DiscussionBoard.errors[3022759].message }}
    • Profile picture of the author kylenelson24
      Originally Posted by Sour View Post

      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!
      Signature

      All Services Provided by
      Kyle Nelson
      [/CENTER]

      {{ DiscussionBoard.errors[5846188].message }}
    • Originally Posted by Sour View Post

      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 &nbsp; all over the place I shall get VERY cross!
      {{ DiscussionBoard.errors[6269046].message }}
    • Profile picture of the author DoubleOhDave
      Originally Posted by Sour View Post

      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
      {{ DiscussionBoard.errors[8175154].message }}
  • Profile picture of the author 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
    Signature

    Was mich nicht umbringt, macht mich stärker

    {{ DiscussionBoard.errors[3022764].message }}
    • Profile picture of the author Sour
      Originally Posted by getsmartt View Post

      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 .
      Signature
      WYSIWYG Landing Page Creator WSO - Create Custom Landing Pages with ZERO Skills Required
      {{ DiscussionBoard.errors[3022785].message }}
      • Profile picture of the author getsmartt
        Originally Posted by Sour View Post

        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
        Signature

        Was mich nicht umbringt, macht mich stärker

        {{ DiscussionBoard.errors[3022794].message }}
    • Profile picture of the author 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.
      {{ DiscussionBoard.errors[7296633].message }}
      • Profile picture of the author denysapu
        Originally Posted by peterp668 View Post

        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
        Signature

        Don't worry be happy!

        {{ DiscussionBoard.errors[7296786].message }}
        • Profile picture of the author rtrube
          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!
          Signature
          Rob Trube
          If you are serious about your IM business, then you need a plan. An IM Focus Plan!
          The Internet Marketing Focus Plan
          {{ DiscussionBoard.errors[7508897].message }}
    • Profile picture of the author getthedeal
      Works like charm
      {{ DiscussionBoard.errors[9406178].message }}
  • Profile picture of the author indexphp
    or use current HTML

    <div style="width:300px;margin: 10px auto;">
    // button code here
    </div>
    {{ DiscussionBoard.errors[3022807].message }}
  • Profile picture of the author RichGal
    Hmmm, I`ve never had problems centering :-/
    {{ DiscussionBoard.errors[6269058].message }}
  • Profile picture of the author Michael71
    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.
    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 }}

Trending Topics