0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

SOLVED Print.css issue

Last Post
Search Topic

  • SOLVED Print.css issue

    Posted 11 years 4 weeks ago
    • I recently learned that one's own custom css file now includes the template name as part of the file name. Does that apply to the print.css file also? Seems my print css file is ignored but I did try adding the template name like the custom css is now and that doesn't work either.

      Is there any way to control what gets printed and how large or small?

      Thanks,
      Rob
    #1099597
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13498
    • Web Designer/Developer

    Re: SOLVED Print.css issue

    Posted 11 years 4 weeks ago
    • You should put your CSS in a custom CSS file...

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      To style elements for print you should use the @media print { } media query around your CSS.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1099641

  • Re: SOLVED Print.css issue

    Posted 11 years 4 weeks ago
    • Thanks Mark,

      The custom css file is not the problem, I do have that in place just as you describe but the tid-bit on IE9 I'll take with me. Your last sentence is really the answer I'm looking for. That's the nugget, media queries, hmmmmmm.

      FYI sake, I did add the print.css to the template index.php file, which I know editing that is never a good thing, to see what happens. It is recognized but is treated like another style sheet and styles the web pages too, so I removed that.

      Thanks,
      Rob

      seems this is SOLVED as how can your suggestion not work, I'll give it a try and report back
    #1099722

  • Re: SOLVED Print.css issue

    Posted 11 years 4 weeks ago
    • Mark,

      I have implemented the @media print code and I confirm this works.

      Thanks,
      Rob
    #1100125

Time to create page: 0.070 seconds