Last post Apr 12, 2013 08:23 PM by thirumaran007
Mar 30, 2013 10:20 PM|Josh1985|LINK
Hello, I am using heading images for all of my h1, h2 and h3 text on my site. My question is, is there a bit of CSS that can swap out the images for text on the printouts so i don't have the color image headings print? thank you
Mar 31, 2013 03:29 AM|ammd|LINK
You would use media types. To get an idea see:
Hope this helps.
Mar 31, 2013 10:05 AM|ramiramilu|LINK
have a print CSS -
Mar 31, 2013 05:16 PM|Josh1985|LINK
thank you for your help. However that doesn't really help me. I added the "@media print" rule in my stylesheet for my print.css and no change in print preview. The site having the issue is located at
http://shirleysrecipes.100webspace.net. If you open it in Firefox's Firebug utility you can see i added what you suggested, but in print preview the image headings are still there. Thank you again.
Apr 12, 2013 01:12 AM|Josh1985|LINK
Seeing as how I haven't recieved a response in nearly two weeks, I think maybe a follow up to help explain the issue a bit more might be of help. I want to replace my image headings I am using for all of my h1, h2, & h3 headings with text ONLY on the printout.
I have seen some suggestions of using text then replacing that with the image and hiding the text until printout, but that would require a rewrite on all of my headings all over again to revert back to text. Which would require a rewrite on nearly 64 different
headings, not including the logo! Any suggestions you have would be greatly appreciated.
Apr 12, 2013 08:19 PM|ammd|LINK
I am suprised the @media tag does not work for you what does your code look like so someone can reproduce your issue. To see an example of a question like yours also check this out, again not sure if it would help.
Apr 12, 2013 08:23 PM|thirumaran007|LINK
Did you had a chance to view this thread..it might be useful