I have implemented the following code snippet to display a specific section from a Page.
<!-- CSS for the desired print view -->
<style type="text/css" media="print">
#SCREEN_VIEW_CONTAINER{
display: none;
}
.other_print_layout{
background-color:#FFF;
}
</style>
<div id="SCREEN_VIEW_CONTAINER">
THIS PART WILL NOT BE PRINTED
</div>
<br /> <br />
<div id="PRINT_VIEW">
THIS PART WILL BE PRINTED
</div>
The issue I am facing is that the page number, web address, and date are still showing in the print. I would like to remove these elements. Please refer to the attached image for clarification. The yellow areas highlighted in the image need to be removed.
Referenced Image for removal of yellow parts
Any suggestions on how to achieve this?