Can Image Machine do a Minimum Height on CTGY

[widgetsupply]

I have restricted the maximum size of my CTGY images, but many are too thin. Is there a way that image machine can make all of the images have a minimum height through the use of white space?

For example, can it turn a 300 pixel wide by 100 pixel tall image into one that is 300 pixes wide by 100 pixels tall by adding 100 pixels of white image to the top an bottom.

[Mark Hood]

Re: Can Image Machine do a Minimum Height on CTGY

I have restricted the maximum size of my CTGY images, but many are too thin. Is there a way that image machine can make all of the images have a minimum height through the use of white space?

For example, can it turn a 300 pixel wide by 100 pixel tall image into one that is 300 pixes wide by 100 pixels tall by adding 100 pixels of white image to the top an bottom.

No but you can probably accomplish what you are looking to do with css min height surrounding the image

[lesliekirk]

Re: Can Image Machine do a Minimum Height on CTGY

No but you can probably accomplish what you are looking to do with css min height surrounding the image

I'm struggling with images that are not all the same height. Since I'm using a responsive design if I set a min-height for the CTGY that messes with the responsiveness. Is there another method to insure the height adjusts as needed?

[widgetsupply]

Re: Can Image Machine do a Minimum Height on CTGY

I gave up and made all of my images the same height.

[rajnishsi]

Re: Can Image Machine do a Minimum Height on CTGY

I'm struggling with images that are not all the same height. Since I'm using a responsive design if I set a min-height for the CTGY that messes with the responsiveness. Is there another method to insure the height adjusts as needed?

Hi Leslie,

There is always a method to accomplish page manipulation using CSS and some Javascript.
If you can share some sample URL where you are struggling with this kind of problem, I can surely come up with something for what you need. The basic idea would be to resize images on the fly with Javascript, and adjust them back in page with CSS.

[lesliekirk]

Re: Can Image Machine do a Minimum Height on CTGY

I'm thinking I don't want to resize the images. Couldn't that lead to distorted images? The issue is with the rows not behaving properly and causing everything to shift around leaving an incomplete row. The problem I'm having is by using a min-height in the div it retains that height when in is viewed in a mobile device. The images respond as expected. I'd need some way to make the div height respond (at least until the store owner finishes resize all the images).

[Bruce - PhosphorMedia]

Re: Can Image Machine do a Minimum Height on CTGY

Its not the Image Size you want to adjust, but rather the Image "Container". Here's a simplified outline:

<div class="theFloat">
<div class="theBigBox">
<div class="theImageBox"><img src=""></div>
<div class="theTextLabels">The Product Name, etc</div>
<div>
</div>

What you want to do is set the 'theImageBox" to be fixed, and its contents centered. So, height:120px, width:120px; text-align:center for the "theImageBox" and set the "img" tag to margin:auto; should work.

Of course, this is illustrative, and not exact code.

[lesliekirk]

Re: Can Image Machine do a Minimum Height on CTGY

Yup Bruce, that is what I have done. I've used min-height to keep the box at minimum set height. The problem with using a fixed height is it is not responsive.

[Bruce - PhosphorMedia]

Re: Can Image Machine do a Minimum Height on CTGY

hmmm, might be, i almost exclusively use Boot Strap, which has not problem with responsiveness with a fix height image so long as its not TOO big. I think some of the other Themes do a "shrink" display up to a point, instead of just using a float display and changing the # across. You are probably stuck with adjusting the image size. There are converters out there, that will resize the "canvas" not the image.

[lesliekirk]

Re: Can Image Machine do a Minimum Height on CTGY

FWIW - the site is using the new Iron & Wool.

[Mark Hood]

Re: Can Image Machine do a Minimum Height on CTGY

FWIW - the site is using the new Iron & Wool.

I'm doing this with Suviant but my my min height is the same number set up for ctgy image machine. Basically it lines everything up for me but at the same time I'm also showing the same size (height) on all screens. It sounds like you've got large ctgy images that your trying to resize to smaller screens so I'm not sure what you can do.