Images View page

First open the file http://www.musjes.com/skin/frontend/…/css/theme.css
and find this here:

Code:

.product-img-box .product-image-zoom {
    height: 165px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 220px;
    z-index: 9;
}

change to this here:

Code:

.product-img-box .product-image-zoom {
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 220px;
    z-index: 9;
}

Then find this here:

Code:

.product-img-box .product-image-zoom img {
    cursor: move;
    left: 0;
    position: absolute;
    top: 0;
}

Change to this here:

Code:

.product-img-box .product-image-zoom img {
    cursor: move;
    left: 0;
    top: 0;
}

Thank you for the respons. I’ve changed the lines, but it’s not quite right… Can you take a look? http://www.musjes.com/dutch/sture-en…-jumpsuit.html

When i look at your site i can not see that you have made any changes?

Well, the image is now almost gone… how do I explain… It used to be like a landscape image, now it is only 1/3rd of the height

Make the changes i mention above and update me,i tested this local and it worked fine for me.

I did these changes…

From this here you remove the height:

Code:

.product-img-box .product-image-zoom {
    height: 165px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 220px;
    z-index: 9;
}

From this here you remove position:absolute;

Code:

.product-img-box .product-image-zoom img {
    cursor: move;
    left: 0;
    position: absolute;
    top: 0;
}

Which would result in the image looking like this here:

Attachment 15650

There will be some drawbacks and that is the image zoom part will not work as it should, better to disable/remove that part if you are interested to show the whole image instead of just a part of it.

I’ve changed the lines and also the zoom-part. But the image is too low on the page.

Attachment 15667