Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 14, 2016 at 12:10 pm #597668
    worldfuturecouncil

    Hi there,

    I’m trying to set up a proper print page for Enfold and found this article and file https://gist.github.com/DevinVinson/8920321

    1. Do you recommend this file?
    2. Where should I upload it?

    Thanks!

    March 16, 2016 at 4:21 pm #598994
    Jordan

    Hey worldfuturecouncil!

    Thanks for reaching out to us!

    Yes that file can be used for print styling.

    1. Copy the contents and create a text file called print.css.
    2. Save it to your Enfold Theme folder.
    3. Create a link in the head section of your header.php template file as follows:

    <link rel="stylesheet" type="text/css" media="print" 
href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />

    I would recommend using a Child Theme to make these changes. Let me know if you need further assistance.

    Regards,
    Jordan

    April 4, 2016 at 12:59 pm #607522
    worldfuturecouncil

    Hi, thanks for answering!

    I uploaded the print.css file to my Enfold-child folder. Now my question is whether I should copy this

    <link rel="stylesheet" type="text/css" media="print" 
href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />

    in the header.php on the Enfold parent folder or should I copy the header.php to my enfold child directory?

    Also should I just write “/print.css” or its full url?

    Thanks!

    April 4, 2016 at 1:10 pm #607534
    Vinay

    Hi!

    Please add the above code in the header.php of the child theme

    in the code above “(‘stylesheet_directory’); ?>” will automatically get the location of the CSS styles folder so don’t worry about the path :)

    Cheers!
    Vinay

    April 4, 2016 at 1:12 pm #607536
    worldfuturecouncil

    Thanks Vinnie, unfortunately I don’t have a header.php on my Child theme folder. What should I do then?

    In any case is there an easier way to make the pages properly printable? What do you recommend?

    April 5, 2016 at 6:49 am #608065
    Vinay

    Hi!

    please copy the header.php from main theme folder to the child theme and edit it as mentioned above :)

    Cheers!
    Vinay

    April 6, 2016 at 10:52 am #608806
    worldfuturecouncil

    Hi Vinnie, thanks for the answer.

    This css sheet doesn’t achieve what I wanted, unfortunately. This (Link sent on private) is what happens when I hit “Print” on this page http://www.worldfuturecouncil.org/2016/03/10/5-years-after-fukushima-world-future-council-criticises-plans-for-new-nuclear-power-plants/.

    As you can see there is a space where the sidebar should be and if you want to go ahead and hit Print you’ll see that it doesnt look great overall.

    What do you recommend? Is there a plugin that fixes this?

    Thanks!

    April 9, 2016 at 1:21 pm #610581
    Ismael

    Hi!

    The print.css file is included in the theme by default so you don’t have to do this modification. Add this in the Quick CSS field in order to remove the “sidebar space” on print preview:

    @media print { 
 /* All your print styles go here */
.container .av-content-small.units {
    width: 100%;
}
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.