Remove 'blank' space on product display page

Hi,

I am developing a site for an artist to sell my client's paintings. The paintings vary in format from landscape to portrait to square.

On the product display page I have the "Product page image width & height" set to 400 & 400px (to give an adequately sized image).

On page displaying images that are in landscape orientation there is a large blank space under the image - see attachment - which I'm guessing is there because the image being displayed is 400 x 200 and the blank space/gap represents the additional 200px?

My question is: how do I get the page to display "hide" this blank space when displaying images in landscape orientation?

Thanks,
Steve


Additional info:

I've established that I need to change this line

<div class="hikashop_product_main_image" style="height:420px;text-align:center;clear:both;">

<div class="hikashop_product_main_image" style="height:auto;text-align:center;clear:both;">

Hi,

And if you try to add a negative margin on the class: ".hikashop_product_description_main{}".

Or try to set your height with the property: "height: auto !important;"

Hi,

That class is not found in the style sheet (I'm using com_hikashop_business_1.6.0_2012-10-22) and if I add it then it has no effect.

Steve

Could you give me a link to your product page ?

Access is password controlled at the moment, I will pm you details.

Thanks,
Steve

Try to remove the code:

<?php echo $style;?>

Hmm, did not work.

But in same file (show_block_img.php), on the next line in fact, I changed

<div style="height:<?php echo $divHeight+20;?>px;

<div style="height:auto;