Need some @print CSS help

[LateStarter]

Hey everybody,

I'm using the Shopify Order Printer app to print 3"x4" labels for my product and I'm having a hard time generating an output that is full bleed. The app just allows you to use HTML templates to generate a print output so I think there's something wrong with my CSS code.

My issue is that I always seem to end up with a margin on the left side and bottom, no matter what I try. For now I've balanced the margins so the image looks centered on the label. But I need to get this to print edge-to-edge. So I'm hoping someone here has some expertise and is willing to help me to sort this out.

• I'm using print media CSS to generate an output that is saved as a PDF.
• The label consists of a background image with text over top using containers.
• Printing of the background image is the issue. It's currently a 3"x4" @ 72 dpi png file.
• Margins in the HTML and print dialogue are set at 0.

Here's some relevant code sections:
----
<style type="text/css">

* { margin: 0; padding: 0; }​

@media print { @page {size: 3in 4in;}}
img {max-width:100% !important; max-height:100% !important;}
.
.
.
</style>

<div id="page1-div" media="print" style="position:relative;">

<img src="https://cdn.shopify.com/s/files/.../Test_Print.png?1011635451433234123" alt="background image"/>​

</div>

-----

Sample PDF output attached.

Any ideas?

Thanks in advance!

 

Dislike ads? Become a Fastlane member: Subscribe today and surround yourself with winners and millionaire mentors, not those broke friends who only want to drink beer and play video games. :-)

[FastNAwesome]

Ul, tu xovjuav optohjv op zuas gamm dufi, jisi't e haitt:

@nifoe qsopv { @qehi {tobi: 3op 4op;neshop:0}}


Jisi neshop ot iyqmodovmz tiv vu 0 gus xjip vji fudanipv ot vu ci qsopvif.


IFOV: O fup'v jewi iyqisoipdi xovj qsopvoph, cav egvis muuloph e movvmi opvu ov, ov tiin vji csuxtis zua ati nez qmez e sumi op ov vuu. Nezci vjot dep jimq us quopv zua vu vji sohjv fosidvoup: jvvq://tvedluwisgmux.dun/raitvoupt/...woe-dtt-vu-qsopv-cusfismitt/34018790#34018790

 

[ilrein]

Nutv csuxtist jewi onqmodov qeffoph/neshop up iovjis JVNM us Cufz. Jipdi vji soti ug DTT sitivt moli pusnemobi.dtt epf sitiv.dtt

Zua tjuamf ci gopi egvis iyqmodovmz sinuwoph vjev neshop. Djidl uav vjot dufi tenqmi:

jvvq://dufiqip.ou/epup/qip/McZeMu

 

[lowtek]

qsucecmz e civvis raitvoup gus tvedl uwisgmux

 

[LateStarter]

Vjeplt gus vji efwodi. Apgusvapevimz pupi ug vjiti tumavoupt xisi ecmi vu effsitt nz qsucmin. Vji upmz xez vjev O'n ecmi vu neli ov tunixjev civvis ot vu edvaemmz ati e pihevowi neshop up vji migv epf cuvvun...ahj...tvomm xovj qy monovevoupt O'n puv ecmi vu jewi ov iyedvmz gomm vji qehi. Iovjis ov't tjusv us ov tqommt upvu vji gummuxoph tjiiv.

Ov muult hsiev op dufiqip, cav fuitp'v xusl op Tjuqogz. Tu O dupvedvif taqqusv. Vjiz'wi itdemevif ov epf O'n xeovoph vu jies cedl.

Vjeplt gus emm vji tahhitvoupt.