How to center the dropdown menu of a Paypal dropdown menu... A Honey Bear Playhomes tip...

  • 1
  • Idea
  • Updated 5 years ago
Here you go and try to use the center alignment tool in the HTML widget to try and center the Paypal menu that you got from the Paypal website only to find that the menu button centers perfectly but the dropdown part stays to the left alignment.

Looks out of place yes??? Sure it does...

Align that dropdown in three easy steps:

1) Open the HTML editor for the HTML widget which contains your Paypal dropdown menu and locate the place in the code that you see the first <table> appear and directly after it paste <TABLE ALIGN="center">

So the code begins looking like this:

<!--

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="0000000000000">
<table>

<tr><td><input type="hidden" name="on0" value="Bulk Licenses 1">Bulk Licenses 1</td></tr><tr><td><select name="os0">
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypal.com/en_US/i/btn/bt..." border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pi..." width="1" height="1">
</form>

-->

And ends up looking like this:

<!--

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="0000000000000">
<table>

<TABLE ALIGN="center">

<tr><td><input type="hidden" name="on0" value="Bulk Licenses 1">Bulk Licenses 1</td></tr><tr><td><select name="os0">
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
<option value="YOURDROPDOWNHERE</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypal.com/en_US/i/btn/bt..." border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pi..." width="1" height="1">
</form>

-->

2) Click the center alignment button in the lower left corner of the HTML widget
3) Click "OK"

That should center both the button as well as the dropdown menu...

If you need to right justify the dropdown and button then you would replace "center" with "right" in the code you add and click the right justification button in step 2 instead of left.

Happy site building
Ed

Please share my website with your social networking friends... You can find me with my head in the honey pot here...

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes

Posted 8 years ago

  • 1
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Un-fun fact:

The ability to center the paypal drop-down is contingent on your website style not left or right floating in the CSS.

If your drop-down buttons fail to center after the above steps it is recommended that you find a website style that will allow for this ability should you wish to make your menus centered.
Photo of Vital Pros

Vital Pros

  • 1 Post
  • 0 Reply Likes
I just tested this and well. Using <!-- and --> nothing shows up in the middle of that.
Photo of Michael Wilcox

Michael Wilcox

  • 1 Post
  • 0 Reply Likes
Wow thanks!! I was going insane trying to figure this out.