Support » Fixing WordPress » How to override Paypal button vertical alignment?

  • I have multiple Paypal buttons on my site that were aligned to the right of their descriptive paragraphs by styling the form tag. With the new version of either WP or PHP, they now seem to be aligned in an invisible table that doesn’t correspond to the text. Nothing I do with css vertical alignment has any effect.

    I believe this is due to a default Paypal table created when generating the buttons. Is there a way of overriding the unwanted alignment?

    Using Shell-Lite Child theme.


    form {
        vertical-align:bottom !important; //* this line was added with no effect */


    <form action="" method="post"
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="N4BKXYGRNA4KQ">
    <input type="image" src="" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="" width="1" height="1">
    Any Amount - All agencies have overhead costs including rent, utilities, audit expenses and fundraising costs, etc. Your gift in any amount for general operating support will help keep this organization strong and allow us to serve even more Loudoun County residents.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi David

    That’s a tough one but I would either build a table round the options with the description and appropriate paypal button in the same row


    create a list with description followed by paypal button then use css to align them

    I still don’t know what caused the alignment to change in the first place when it worked before, but adding the line


    to the <form> fixed the problem.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to override Paypal button vertical alignment?’ is closed to new replies.