Printing Popup

Permalink Browser Info Environment
I've been trying to create a printable pop-up but the type size is always very small regardless of the font size I use. Anyone have some tips on fixing this problem?

By the way the code I'm using to trigger printing is below . . .

<a href="#" onclick="window.print();return false;" title="Click to Print" class="print-icon tooltip"><img src="/packages/creativity/themes/creativity/images/print.png" alt="" />&nbsp; Click To Print</a>

Type: Discussion
Status: New
Hondo69
View Replies:
Tony replied on at Permalink Reply
Tony
you can try linking to a print-only style sheet with something like this:
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
Hondo69 replied on at Permalink Reply
Hondo69
You're exactly right. I thought it had something to do with the popup code but I was just missing that link. Thank you.
Hondo69 replied on at Permalink Reply
Hondo69
I added the stylesheet link for my site and it helped a lot for printing regular pages. But the popup still prints out the same (too small). So I snooped around the code for Tony-Popup and didn't find a good spot to add the link. Would it be in ''view.php''?
Tony replied on at Permalink Reply
Tony
why don't you try adding it as an HTML block to the target area that you're trying open with the popup?

btw, are you using the IFrame option? if not you should just be able to add it to your theme's css files, and then use the new print style sheet to set the rule just on the popup area.

is there a link to your site on the web that I can look at?
Hondo69 replied on at Permalink Reply
Hondo69
I tried adding the HTML block and have already added the link to the theme. Here's the page with the popup: http://www.klipnow.com/index.php/money/money-basics/...

The link in the main theme is:
<link rel="stylesheet" media="print" type="text/css" href="/index.php/tools/css/themes/creativity/print.css" />

The popup seems to inherit css from the theme so it should work fine, but doesn't. Thanks for taking time to take a look.
Tony replied on at Permalink Reply
Tony
so I took a look at your popup's markup, and it looks like you're setting the font-size with inline styles, like this:
<p><span style="font-size: small;"><strong>IRA</strong> - Individual Retirement Account</span></p>

doing it this way makes it so you can't really override the font-size. Instead you should remove all of those inline styles from the popup (perhaps by clicking the HTML button within the content block, and removing all instances of "font-size: small;"). After that, if you want to set the size of the text within the popup, you doing do it with a css rule, something like:
.TonyPopup_boxBody p { font-size:12px; }
Hondo69 replied on at Permalink Reply
Hondo69
I sure appreciate you're hanging in there with me. It's definitely above the call of duty.

This weekend I played with some different settings and codes, trying your suggestions and others. Quite a puzzle. I'm starting to get the impression there are multiple problems going on, none of which have to do with the popup code. And that's where this all started, I assumed the popup code was messing things up.

Most likely, I'll just attack this from a different angle altogether. Again, thanks for going the extra mile.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.