Joomla! Template 002027 - Item Support

Hi.

I have the following code to implement PayPal in my article. Width is correct but height is 'squashed". Code worked fine in previous site but since installing your template it doesn't look good. Clicking on it still works.

<p style="text-align: left;">
<table>
<tbody>
<tr>
<td><form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" value="_s-xclick" type="hidden" /> <input name="hosted_button_id" value="XXXXXXXXXXXXX" type="hidden" /> <input src="https://www.paypalobjects.com/en_AU/i/btn/btn_buynowCC_LG.gif" name="submit" alt="PayPal — The safer, easier way to pay online." border="0" type="image" /> <img alt="" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" border="0" width="1" height="1" /></form></td>
<td>...</td>
</tr>
</tbody>
</table>
</p>
Hello AHPVolution,
Please provide us with an URL, we would like to see it.

Regards, AS Team.
Hi guys. here's the url to my temporary "play" site:
http://ahpvolution.com/index.php/small-business-software-kit

Scroll down to the bottom of the page.

The PayPal logo on the right displays correctly - it's basically just a link to an image. The PayPal "buy now" button on the left is all squashed. It seems that the whole form has been compressed into the height of a text box. If you look carefully, there's even a border around it.

I've tried displaying the page in IE, Firefox, Chrome, Safari, & Opera. They all show the same result.

The way the PayPal Buy Now button should look is shown on my current main site here (RHS of the page):
http://www.ahpvolution.com.au/pricing.html

If you guys can figure what's the issue, or provide a work around, I'd appreciate it.

PS: I'm not a Joomla expert. I'm looking at recommending Joomla and Joomla templates as a viable alternative to 3rd-party web design services for my small business clients - so I want to iron out any issues by experimenting by myself first.
Hello AHPVolution,
The template doesn't have css for the button, so you have to add your own, please try the following:

table form input
{
width: 107px;
height: 47px;
}

Regards, AS Team.
Thanks for this tip. I put the above between <style> tagsat the top of the article in HTML editor mode.

The "PayPal button" now scales in height, but there is no effect on the width. The button is now HUGE - but at least you can read it now.

Please investigate the width scaling issue.
Hi Guys, The tip you gave put me on the track to solve the problem. here is the solution:

Just put the height and width style attributes right inside the auto-generated PayPal button code like this:

<!-- PayPal Button -->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
...<input style="width: 107px; height: 30px;" src="https://www.paypalobjects.com/en_AU/i/btn/btn_buynow_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online." border="0" type="image" />...
</form><!-- PayPal Button -->

Voila!!
Item Name:
002027
Author:
Downloads:
14051
Sales:
1294
Created:
2011-05-12
Updated:
2016-11-15
Item Version:
4.2.0
$29.00
Regular License
This item may be used for a single domain only.
$39.00
Extended License

AS Designing Templates Club

Templates Club
Get an access to all 96 items designed and developed by AS Designing team plus all the future items which will be released over the course of your club subscription.

Price starting from $59.00