Print Styes for Neighbourhood

[underdog]

Hi Mohammed, thanks for your reply. I have yet to hear back from any of your colleagues.

[Rui Guerreiro – SUPPORT]

Hi,

Apologize was away for a few days and the topic was assigned to me.
Will check.

-Rui

[Rui Guerreiro – SUPPORT]

In this rules below, try to adjust the width of both. On the screen of the computer usualy the 2 widths combine don’t go over the 96% of width because of the margins. Do a couple tests of changing that width values. try 48% for each to see how it goes.

@media print {
.woocommerce div.product div.images {
width: 80%;
}
}

@media print {
.woocommerce div.product div.summary {
width: 80%;
margin-bottom: 0px;
}
}

-Rui

[underdog]

Hi Rui,

Thank you for your response. It would make sense to use 48% if i was trying to get the two layers run to next to each other. I want them run to run one underneath each other (just in the print version) so that there is enough width to display the main product picture.

This works well on this page (http://www.comfortcreations.co.za/products/couches/aida-range-4/) and on all pages that use landscape product images, it does not work on the pages that use portrait pictures (http://www.comfortcreations.co.za/products/tables/dna-hex/). Please see attached screenshots if you are not able to visit the example links. On the pages that use portrait images the main product image only shows as a small sliver on the second page.

Thanks very much

Tracey

[underdog]

The screenshots as discussed.

[underdog]

Hi, your system is not allowing me to upload screenshots despite me trying different formats. You have to have a look at the print previews on the links that I sent to get an idea of what I am referring to.

Thanks very much

[underdog]

not resolved

[underdog]

Hi Rui, even when I remove all of my custom css; on a page with the portait image the image is cropped strangely and only shown on the second page.

Thanks

[Rui Guerreiro – SUPPORT]

Hi,

Not sure about this, will have to forward it to our head developer.

-Rui

[underdog]

Ok, thank you

[Rui Guerreiro – SUPPORT]

No problem. Apologize it wasn’t assigned to the development team. It is now.
-Rui

[Swift Ideas – Ed]

My guess would be that the image is too tall for the page. Try maybe this css?

@media print {
.woocommerce div.product div.images img {
max-height: 400px;
width: auto;
}
}

– Ed

[underdog]

Thanks very much, that has sorted it out.

Thanks for your help.

[Rui Guerreiro – SUPPORT]

Great. Thanks Ed.
-Rui