Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 1, 2017 at 12:17 pm #832796
    dondela

    Dear support,
    i want to optimize the print output without a plugin.
    When i hit the browsers print button the color section background picture is hidden. Is there a way to print the background picture?
    And is there a way to hide the hole top color section in the print view?

    Thanks dondela

    August 1, 2017 at 5:10 pm #832971
    dondela

    Dear support,

    i created a print button on the linked page. This makes it easier to understand my problem:
    1. I want to hide the top color section in the print.css
    alternative:
    2. I want to print the background picture in the print.css

    Thanks dondela

    August 1, 2017 at 5:20 pm #832976
    Yigit

    Hi!

    Please edit your color section element and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to your print.css file 

    #your-unique-id { display: none; }

    Best regards,
    Yigit

    August 1, 2017 at 5:33 pm #832985
    dondela

    Hi Yigit,

    i did that and wrote in my style.css the following css: But it still showing a white space of the top color section.

    @media print { 
	#mySectionBanner { 
		display: none;
		} 

}
    August 2, 2017 at 10:55 am #833323
    dondela

    Dear support,
    i gave the Print Button on top of the page a sevtionID “mydruckbutton” and do the following css to make it disappear in the print view.
    But it still shows up? You have a hint for me?

    @media print {
    #mydruckbutton {
    display: none;
    }
    }

    August 2, 2017 at 1:25 pm #833424
    Yigit

    Hi,

    Please try changing your code to following one

    @media print {
#mydruckbutton {
display: none !important;
}
}

    Also, please make sure that you do not have any errors in your custom CSS

    Best regards,
    Yigit

    August 2, 2017 at 1:50 pm #833441
    dondela

    Hi,
    i added the !important but still no effect, hm…
    Thanks for any help

    August 5, 2017 at 11:39 pm #834903
    Mike

    Hi,
    It is showing as a class, not a ID, so try this:

    @media print {
.mydruckbutton {
display: none !important;
}
}

    It worked in my test, Please clear your cache :)

    Best regards,
    Mike

    August 6, 2017 at 11:37 am #835001
    dondela

    Thank you Mike, great support :-)

    August 6, 2017 at 2:56 pm #835033
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘hide content in browsers print view’ is closed to new replies.