This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Bug? – Pricing Table Widget – Problem with last column image

Resolved 3 replies customizationpluginplugin-widgets-bundle
Bilal Haidar
9 years ago · Last reply by Alex S 9 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Alex S Staff 9 years, 1 month ago

    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.

  2. Bilal Haidar 9 years, 1 month ago

    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.

  3. Alex S Staff 9 years, 1 month ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread