Print article - image size issue

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Oct 07, 2012 12:26 pm
Reply with quote
Report this post
Hi there,

I have a weird issue which I cannot seem to solve.
If you go to this page where I'm building a sample site (not all the menu links are working as I only really have 2 articles so far):
http://hawk.org.za/index.php/high-pressure-cleaning/cold-water-washers/electric-washers/small-trolley or http://hawk.org.za/index.php/pumps/industrial-pumps/1000-rpm-pumps and press the print button on the article you'll find that the print window is displaying the images at 100% width.
I've tried Firefox, IE9 & Chrome and am getting the same issue with all the browsers.
If I use firebug to look at the code and select the first image, there is a style that shows the image is set to 100% height & 100% width, if I disable the width the entire print window then displays the correct layout.

Although I've searched on most of the usual style sheets for this bit of code I cannot find it.

Can you help?
Thanks
User avatar
Fresh Boarder

GK User
Sun Oct 07, 2012 1:47 pm
Reply with quote
Report this post
Hi

There's no error there ;)
Remember this is a responsive framework so the image size will adjust to screen size.
So the print page will increase the image and naturally picture quality will not be good.
What i recommend is that you increase your article images size.
Actually this is mandatory for responsive frameworks. ;)

Cheers
User avatar
Platinum Boarder

GK User
Sun Oct 07, 2012 3:24 pm
Reply with quote
Report this post
Hi Seichinha,

Thanks for responding and I do understand your proposed solution, however the "print container" its self is limited in width to 665 pixels so I cant see why we cannot create a specific style for images when the print function is called, even though the template is responsive this should work whilst leaving the actual site unaffected.
I just dont know where to place this sytle or even if this is possible.

Or am I just dreaming?

If there is no way to make the print function work "properly" (by properly I mean, to print as its laid out in the article) it looks like I'll have to choose another non-responsive template for this project as printing is important on this site and that would be a shame as this is a very nice template!

Thanks
User avatar
Fresh Boarder

GK User
Sun Oct 07, 2012 3:36 pm
Reply with quote
Report this post
Hi there,

OK I manged to "fix" it.
I commented out the min-width:100% on line 163 in the stylesheet found at /templates/gk_gamenews/css/system/print.css
The print window is still responsive, just the image is no longer responsive which is fine for my needs!
It now shows at I want, so now I just need to see if this messes anything else up on the site.

Thanks for your help anyway.
User avatar
Fresh Boarder


cron