Center PayPal "Buy Now" BUtton (4 posts)

  1. raz_roni
    Posted 3 years ago #

    I put multiple PayPal "Buy Now" buttons on the website. Can't find a way to center the button.

    The theme is TwentyTen and I am using a blank template for this page (it is a page to sell a product).

    The code I got from PayPal is:
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="image" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif" alt="PayPal - The safer, easier way to pay online!" />
    <img src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></form>

    Any help to center the buttons will be appreciated.

  2. Justin Greer
    Forum Moderator
    Posted 3 years ago #

    You could just do:

    form { text-align:center; }

    In css and make it centered in the form

    Of course you should add a class to the form and input so that you can link to it directly with css and not mess with anything else on the page.

  3. raz_roni
    Posted 3 years ago #

    Thanks. Also found another way to do it - select the button row in the HTML editor and put the style as aligncenter. That put button right in the middle of the page.

  4. Justin Greer
    Forum Moderator
    Posted 3 years ago #

    Yea there is 100 ways to skin a cat.

    I would always use the method that allows for ease of future editing. Always keep that in mind

Topic Closed

This topic has been closed to new replies.

About this Topic