How to Remove an Unwanted Banner When Printing a Web Page to PDF
Question details
Users want to eliminate an intrusive banner that appears over the page content when saving or printing a specific web page to a PDF file.
- Product
- Web Browsers / PDF Editor
- Device & OS
- not provided
- Scenario
- Saving a web page, such as Amazon Seller Central, as a PDF or printing it directly from the browser.
- Observed behavior
- A banner overlays the PDF content, usually caused by the website's built-in print layout stylesheet, making the document difficult to read.
Check your browser's print preview window to see if the banner appears before generating the PDF; you may be able to use a browser extension or 'Reader Mode' to simplify the page first.
Hide the Banner Using Browser Developer Tools Before Printing
Prevent the banner from being included in the final PDF by temporarily deleting the HTML element on the live webpage before you print.
Since the banner is often generated by the website's print layout, deleting it from the webpage view before triggering the print command is the most effective free method.
Right-click directly on the unwanted banner on the webpage and select 'Inspect' or 'Inspect Element' to open your browser's Developer Tools.
In the Developer Tools panel, the code corresponding to the banner will be highlighted. Press the 'Delete' or 'Backspace' key on your keyboard to remove it from the page.
Press 'Ctrl+P' (or 'Cmd+P' on Mac) to open the print dialog. Select 'Save as PDF' as your destination and verify the banner is gone in the preview before saving.
Use a Premium PDF Editor to Remove Existing Banners
If you have already downloaded the PDF and cannot recreate it, use a PDF editor with content modification capabilities to erase the banner.
Remove Unwanted Banners from PDFs with WPS Office
If a webpage has already been saved as a PDF and contains an unwanted banner or layout issue, you do not need to print it again. WPS Office includes a powerful PDF editor that lets you quickly select and delete native images, text blocks, and watermarks.
- 1. Open the PDF File: Launch WPS Office on your computer and open the PDF document that contains the unwanted banner.
- 2. Activate Edit Mode: Click the 'Edit' tab at the top of the workspace, then click on the 'Edit Content' button to make all document elements selectable.
- 3. Delete the Banner: Click directly on the banner image or text to highlight it, then press the Delete key on your keyboard to remove it completely.
- 4. Save the Document: Go to the 'Menu' at the top left corner, click 'Save' or press Ctrl+S to keep your clean PDF layout.
Frequently Asked Questions
Why do web pages look different when printed or saved to PDF?
Websites often use specific 'print stylesheets' (CSS rules) dictated by the site developers. This controls which elements are hidden or shown during printing, which sometimes results in formatting differences or banners that are not prominent on the screen.
Can I remove a banner using a standard free PDF reader?
Generally, no. Basic free versions of PDF readers only allow viewing, highlighting, or commenting. Editing or removing native page content like banners requires full PDF editing capabilities, such as those found in WPS Office or Acrobat Pro.
Is there a way to automatically block banners when printing a webpage?
Yes. You can use browser extensions like ad-blockers, or activate 'Reader View' in browsers like Chrome, Edge, and Safari. Reader View strips away unnecessary web page elements, leaving only the main text and images, which produces a much cleaner PDF.
