Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 14, 2019 at 11:03 pm #1067210
    UPON

    Dear Enfold Team,

    i searched the forum for a solution and tried things but did not succeed. Is there a CSS Code to optimize the print version for a full screen layout? We would like to reduce the print version to a minimim:
    1. Just text – no images
    2. No whitespace – no unnecessary breaks

    Thanks for your support!

    February 19, 2019 at 5:08 am #1068755
    Ismael

    Hey UPON,

    Thank you for using Enfold.

    You can put all your custom print styles inside a print css media query.

    // https://joshuawinn.com/css-print-media-query/

    Example:

    @media print { 
 /* All your print styles go here */
 img { display: none !important; } 
}

    That removes every image in the print version.

    Best regards,
    Ismael

    February 25, 2019 at 12:20 pm #1071254
    UPON

    Hello Ismael,

    thanks for your reply. The print version looks bad. When i take your code to hide all images the result is that no text appears and 5 pages are white without anything.
    Please take a look at the website.

    Thanks

    February 27, 2019 at 12:49 am #1072086
    Ismael

    Hi,

    Thank you for using Enfold.

    Where did you add the code? Please copy it directly from the forum, not from your email.

    Best regards,
    Ismael

    March 1, 2019 at 6:42 am #1072911
    UPON

    Hello Ismael,

    thanks for your reply. I add the code in the child theme (from forum) in a print.css with the function code to address:

    add_theme_support(‘avia_template_builder_custom_css’);

    function change_aviacss() {
    wp_dequeue_style( ‘avia-print’ );
    wp_enqueue_style( ‘avia-print-child’, get_stylesheet_directory_uri().’/print.css’, array(), ‘1’, ‘print’ );
    }
    add_action( ‘wp_enqueue_scripts’, ‘change_aviacss’, 100 );

    Best regards

    March 2, 2019 at 4:45 am #1073492
    Ismael

    Hi,

    Thanks for the update.

    You don’t need to create a new file for that. Just add the print css media query in the child theme’s style.css file or the Quick CSS field.

    Best regards,
    Ismael

    March 10, 2019 at 6:27 am #1076895
    UPON

    Hello Ismael,
    thanks for the update but it makes no difference. Still not all the text is displayed or just parts. It doesnt look nice at all. See frontpage and the main menu pages. Please try to give us a solution.
    Best regards

    March 11, 2019 at 12:25 pm #1077295
    Ismael

    Hi,

    Thanks for the update.

    The text are displaying properly in the print preview. Which area is not visible in your end? Please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

    March 19, 2019 at 7:27 am #1080232
    UPON
    This reply has been marked as private.
    March 20, 2019 at 5:03 pm #1080919
    Ismael

    Hi,

    Thanks for the update.

    Where are you testing this? This is what we get from Opera, Windows 7.

    Screenshot: https://imgur.com/a/Iyo0Wg0

    Best regards,
    Ismael

    March 27, 2019 at 8:08 am #1083470
    UPON

    Hello Ismael,
    thanks for your reply. I teste with Firefox and Edge, Windows 10. After page 2 there is just whitespace.
    Best regards

    March 29, 2019 at 12:15 am #1084335
    Ismael

    Hi,

    Odd. The pages in the print preview are displaying properly on our end. Is it displaying properly when the print media query is not in used?

    Best regards,
    Ismael

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