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.
Hello AHPVolution,
Please provide us with an URL, we would like to see it.
Regards, AS Team.
AHPVolution
POSTED: 2012-03-30
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.
AS Templates
POSTED: 2012-03-30
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.
AHPVolution
POSTED: 2012-03-30
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.
AHPVolution
POSTED: 2012-03-31
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 -->
Get an access to all 94 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
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>
Please provide us with an URL, we would like to see it.
Regards, AS Team.
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.
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.
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.
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!!