Hi,
I am using Pricing Table widget on a website. I am adding images to each section.
The image for the last column is always taking a height bigger than the rest.
Can you please check if this is a bug or I should do something about it?
http://hitcontinue.thefilingbox.com/pricing/
Regards
Bilal
Hi Bilal,
This is happening due to the image you’re using. I would recommend trying to either resize the last image or use a different image that’s closer to the other image dimensions. You can confirm this by replacing the last image with one of the other images.
Another, more forceful change (and thus not recommended), would be to enforce a max-height on the images so that the image are slightly more inline. To do, you’ll need to use some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
@media (min-width: 681px){ #pgc-52-pricing-table-0 .ow-pt-image img { max-height: 179px; margin: 0 auto; } }You might also need to install the SiteOrigin CSS Editor.
Thanks a lot Alex. I was trying to finds more resources on the Price Table widget.
What is the recommended image size for this widget? I had hard time finding a suitable image to fit in. Even my client is asking for other images but it happens that they are small and don’t fit correctly.
Thanks a lot.
Hi Bilal,
There’s no real recommended image size (and there really can’t be as the images are being dynamically resized based on available spacing), only that you’re consistent with your image sizes. So this means that if 3 out of 4 images are 150×75, the four one should be 150×75 also. Does that make sense?
Actually, I can, however, say that you ideally shouldn’t use images as large as you currently do. A 1200×800 image will never be displayed like at that resolution.