: 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 |