Printer troubleshooting technician providing live chat help

Joe B.

Reviewed for technical accuracy

Specialities: Windows 11/10, macOS (Sonoma/Ventura/Monterey), Printers, POS, Thermal receipt printers

Browser POS receipt printing — Chrome/Edge/Safari margins for 80mm & 58mm thermal printers (Epson TM, Star TSP, Bixolon SRP)

Technician avatar Technician
Hey! Let’s tune your browser POS receipt printing. Tell me your thermal printer model (Epson TM‑T20/T88, Star TSP100/TSP143, Bixolon SRP, etc.), paper width (80mm or 58mm), and which browser (Chrome, Edge, or Safari). Also, are receipts printing too narrow, shifting to the right/left, or getting cut off at the bottom?
Customer
Chrome on Windows with an Epson TM‑T20III (80mm). Our web POS prints the right side chopped and the text shrinks randomly. We need full‑width receipts at scale 100% with margins: none and no headers/footers.
Technician avatar Technician
Got it. Clipped or shrunken thermal receipt prints usually come from three things:
• The paper size in Windows/CUPS or the queue isn’t set to 80mm (72–80mm printable area) or 58mm.
• Browser adds default margins and headers/footers or enables Shrink to fit.
• The POS page is wider than the printable width (e.g., 80mm content with 812px CSS width). We’ll fix driver paper, then set Margins: None, Scale: 100%, and turn Headers and footers: Off. If your app supplies @media print CSS, we’ll also force @page { size: 80mm; margin: 0 }.
Customer
Where do I change paper and margins so Chrome doesn’t shrink the receipt?
Technician avatar Technician
Windows (Chrome/Edge) — 80mm without clipping:
  1. Settings → Bluetooth & devices → Printers & scanners → your Epson → Printing preferences → set Paper size = 80mm (or 72/80mm), orientation Portrait.
  2. In Chrome print dialog: More settings → Paper size = 80mm; Scale = 100%; Margins = None; Headers and footers = Off; disable Fit to page/Shrink to fit.
  3. If your POS uses background graphics, enable Background graphics to include logos/barcodes. Save as Preset for cashiers.
Customer
That works in Chrome. We also have a Star TSP143 on a Mac in the bar. Their receipts print too narrow and show the URL on top.
Technician avatar Technician
macOS (Safari/Chrome) — 58mm/80mm clean receipts:
  1. System Settings → Printers & Scanners → Star TSP → Options & Supplies → confirm roll width 58mm or 80mm. (If using CUPS) add a Custom 72×200 mm size.
  2. In the print dialog click Show Details → Paper Size = 58mm/80mm; Scale = 100%; Margins = None; uncheck Print headers and footers.
  3. For barcode scans choose Print background; for logos use PNG at ~203 DPI; set CSS image-rendering: crisp-edges for barcodes.
Customer
Our POS is a web app. Can we use CSS to guarantee no margins and prevent the browser from shrinking?
Technician avatar Technician
Developer/owner tweaks (POS web app):
  • Use @media print + @page { size: 80mm; margin: 0 } (58mm for 58mm printers) to force margin:0 at the browser level.
  • Set container width to 72–76mm for 80mm printers and ~54–56mm for 58mm, accounting for non‑printable borders.
  • Prefer inline SVG/PNG logos sized in mm; avoid large background images. Keep the receipt under 1.2m long.
  • Normalize fonts (monospace or receipt fonts) and line-height: 1.2–1.3 to prevent unexpected page breaks.
  • For barcodes: use 1D (EAN/UPC/Code128) at proper module width; for QR specify image-rendering: pixelated.
Customer
Some receipts still clip the last line when the cashier prints multiple copies. Any printer‑driver setting we should change?
Technician avatar Technician
Brand‑specific fixes — Epson / Star / Bixolon:
  • Epson TM‑T20/TM‑T88: in driver Printing Preferences → Advanced set Paper = 80mm, Printable area = Standard; enable Auto Cut after document; disable “Reduce printing” options.
  • Star TSP100/TSP143: open TSP100 Utility → Printer Settings → set Unit Width to your roll, Top/Bottom margins = 0; turn off Receipt Journal scaling.
  • Bixolon SRP: set exact paper in the driver and turn off Shrink to Fit; update firmware for improved ESC/POS rendering.
Customer
Can we lock these settings so every workstation prints the same? We use both Chrome and Edge.
Technician avatar Technician
Yes. Create a Receipt 80mm preset per workstation. In Chrome/Edge, save More settings with Paper: 80mm, Scale: 100%, Margins: None, Headers/footers: Off. In Windows, export the printer’s preferences and deploy via Group Policy. On macOS, create a Preset in the print dialog and set it as the default for that printer.
Customer
What about printing from iPads? Safari sometimes adds margins again.
Technician avatar Technician
iPadOS (Safari) tips:
  • Use vendor AirPrint drivers that expose roll widths; otherwise create a server‑side PDF sized to 80mm × variable with zero margins.
  • Add CSS @page { size: 80mm auto; margin: 0 } and body { margin: 0 }. Avoid fixed pixel widths; use mm.
  • For kiosk workflows, consider Star’s WebPRNT/Epson ePOS SDK for consistent receipt width and auto‑cut.
Customer
Great. Can you summarize the exact browser settings to prevent clipping and get true 1:1 receipt scale?
Technician avatar Technician
Accepted settings (no clipping):
  • Paper size: 80mm (or 58mm). Custom 72×200 mm also works.
  • Scale: 100% (never Fit to page).
  • Margins: None.
  • Headers and footers: Off.
  • Background graphics: On (if your POS uses images/barcodes).
  • Optional CSS: @media print { @page{size:80mm;margin:0} html,body{margin:0} }.
Need hands‑on help? Open the chat and I’ll configure each workstation.
Customer
Done — receipts now print full width with no extra margins in Chrome and Safari. Thanks!

Quick answer: the accepted fix

Accepted fix when POS receipts print misaligned, cut off, or too small: set the queue paper size to 80mm/58mm, then in the browser choose Margins: None, Scale: 100%, and Headers/Footers: Off. If your web app controls layout, add @page { size: 80mm; margin: 0 } and use millimeter widths in @media print.

Receipts still shrink or clip after a browser update

Updates can reset More settings. Re‑apply your Receipt 80mm preset, verify the printer driver still shows the correct roll width, and confirm the POS page hasn’t exceeded the printable width. For stubborn Chrome builds, print to a server‑generated PDF sized in mm and auto‑print from there.

How to verify receipt width

Print a test receipt with a 72mm line and barcode. If the right edge truncates, reduce the CSS container to 72–76mm (80mm roll) or 54–56mm (58mm roll). If text is tiny, ensure Scale = 100% and Margins = None.

Receipt printing — troubleshooting tips

Most issues are paper size, margins, or “shrink to fit”.

Quick path: set driver paper size → Margins: None → Scale: 100% → disable headers/footers → add @page margin:0 in your media print CSS. Check brand utilities (Epson, Star, Bixolon) for roll width and auto‑cut. Use PNG @ 203 DPI for logos and barcodes.

Disclaimer: This information is AI-generated and intended for general guidance only. For advice specific to your environment, please consult a verified expert on Whizz-Tech before making decisions.

Getting Started Is Easy

Ask for help, 24/7

Members enjoy round-the-clock access to 12,000+ verified Experts, including tech support, mechanics, vets, and more.

Expert will respond in minutes

We match you with an Expert who specializes in your situation. Talk, text, or chat — whichever you prefer.

Save time & money

No scheduling hassles or expensive consults. Membership can save you significant time and money each month.

FAQ

Why do my POS receipts print with margins in Chrome/Edge?

Browsers default to margins and headers/footers. In More settings, set Margins: None, Scale: 100%, and turn Headers/Footers Off. Also ensure the printer’s paper size is 80mm or 58mm.

How do I stop receipts from shrinking or clipping?

Disable Shrink to fit (or “Fit to page”), set Scale 100%, and make sure your CSS doesn’t exceed the printable width. Use @page { size: 80mm; margin: 0 } in your POS web app.

Can I force zero margins with CSS?

Yes. Use @media print with @page { size: 80mm; margin: 0 }. Define the receipt container width in mm, not pixels, and set html, body { margin: 0 }.

Brand tips for Epson, Star, and Bixolon?

Update to the latest Windows/macOS driver or vendor utility. Confirm roll width, disable shrink/reduction features, and enable auto‑cut. Utilities: Epson ePOS/Advanced, Star TSP100 Utility, Bixolon Unified Driver.

Common receipt problems and quick fixes
SymptomLikely causeQuick fix
Right side clipped Wrong paper width; margins added Set 80mm/58mm paper; Margins: None
Text too small Shrink to fit enabled Scale 100%; disable Fit to page
URL/date at top Headers/footers enabled Headers/Footers Off
Logo blurry Low DPI or scaling Use PNG ~203 DPI; enable Background graphics

Step‑by‑step (Windows 10/11)

  1. Open Printers & scanners → your printer → Printing preferences → set Paper size to 80mm or 58mm.
  2. In Chrome/Edge More settings: Margins: None, Scale: 100%, Headers/Footers: Off.
  3. If still clipping, remove the queue and reinstall the vendor driver; confirm printable width in the driver utility.
  4. Save a Receipt preset and make it default for cashiers.

Step‑by‑step (macOS)

  1. Re‑add the printer using the vendor driver or AirPrint; pick the correct roll width.
  2. In the print dialog Show Details: set Paper Size, Scale 100%, Margins: None, and disable headers/footers.
  3. If margins persist, have your POS add @page { size: 80mm; margin: 0 } in @media print.

Sources

Matt Verified Icon
Matt ● replies in < 1 min
Technician Expert
⭐⭐⭐⭐⭐ Trusted by 27,000+ customers
Avatar
Alex · Expert's Assistant
1 Tech Support Specialist is online right now.