PayPal button layout: Too small

When I enter a PayPal Button via HTML code I see the button, but it appears very small:

http://web822.webbox239.server-home.org ... .php/test2

I tested it with other templates and it works fine, so I assume it must be the template.

When I deactivate the "height" parameter in "joomla.css"

Code: Select all

input, select {
height: 24px;
line-height: 24px;
}

it looks fine, but now other fields like a contact form look bad.

How can I solve this Problem? Thanks!

Hi,
I could help you but "Diese Website ist zurzeit im Wartungsmodus.
Bitte später wiederkommen."

p.s.
You can try to add your own class or style to this element.
But first please give me access (PM only) or write how you inserted this button via <img ..... > or ???

Ah I am sorry, now the page is online again.

I inserted the code via browser (html):

Code: Select all

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="577YH5Y2KZ8GQ">
<input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
<img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
</form>

This is the standard code by PayPal in order to place a button on your page.

But this image from PP source is small (138px × 47px) in fact, but sure not so small as 24px of height

Let's try this, replace one line of Paypal code with above code:

Code: Select all

<input style="height:47px;" type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal."  height="47">

You shoud get

The image is not as small as shown on my website.

Thank you it works. But still not the optimal solution because I have to change the paypal code every time I paste the code.

I have to change the paypal code every time I paste the code.

How often do you do? once a week, month, year?
Just remember to add real image height : style="height:47px;" - each time, that's all. Nothing more.

p.s.
Optimal solution would be using a ready plugin or e-commerce solution.