We have a website on Blogger to print legal documents but when printing we got a Google Adsense message in the top of the page as you can see in the document picture and same message appears in the footer of the website and it’s has this class .ipr-container and same with pop-up in bottom of the website that appears in the printed document and it has an ID #google-anno-sa and they are related to Google Ad intents and each document content exist inside this <div id="talabe-print">. I tried many CSS and Javascript solutions like this code to hide all classes and IDs but they don’t work at all. However when I use developers tools and delete the DIVs related to .ipr-container and #google-anno-sa everything works fine. How can I hide those two elements to have a normal printed page with a CSS or JavaScript code.
@media print {
.ipr-container, #google-anno-sa {
display: none;
}
}2
<style>
@media print {
.ads, .ad {
display: none !important;
}
}
</style>Add this to your Head Tag , Here, .ads and .ad are common classes used for ads. You can adjust the class names based on what your theme uses.
1