Shape 5

Joomla Templates => Velocity - Club => : stormanf February 02, 2016, 06:07:56 PM



: PayPal buttons don't display correctly
: stormanf February 02, 2016, 06:07:56 PM
Hi,
I'm working on a website created with the Velocity template, and have run into a difficult problem. I've been creating PayPal buttons, but I cannot get them to display properly. When I insert the button code into the text editor, there is about 350px of what appears to be padding below the button, which, try as I may, I cannot get rid of! Take a look at the result: 
http://kingstonfestival2016.ca/giving-opportunities-2

When I load the same page in a page outside the Velocity template however, the button looks fine: 
http://kingstonfestival2016.ca/test/giving-opportunities-2.html

I'm at a loss as to what to do. I switched editors from the TinyMCE text editor to Code Mirror, but nothing seems to work. Any suggestions would be welcome!

Thanks!


: Re: PayPal buttons don't display correctly
: mikek February 03, 2016, 08:27:24 AM
Hello,

You have an image at the bottom that is causing problems:

<img width="1" height="1" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" alt="">

In the template configuration you have the setting "Images Percentage Width" set to 100%. That will force all images to be 100% in width, including that image. Images stay in aspect ratio, so the height also increases. This is the code it is generating:

.s5_module_box_1 img, .item-page img, .blog-featured img, .blog img {
    box-sizing: border-box !important;
    width: 100% !important;
}

I would recommend removing that setting in the configuration unless you absolutely need it, it is a setting that is rarely used.


: Re: PayPal buttons don't display correctly
: stormanf February 03, 2016, 11:02:06 AM
Amazing, Mike...that's all I needed to do! Thanks so very much!
Charlie