Override Print Format Class(print-format)

Has anyone successfully been able to override
the default print-format class that is used for all print format.

I have a custom html print format where i want to override the print-format class

here is my css

.print-format {
	background-color: blue !important;
	border-radius: 8px;
	max-width: 8.3in;
	min-height: 0.69in !important;
	padding: 0.25in !important;
	margin: auto !important;
}

frappe seems to ignore this, anyone experienced this?

similar issues here


the code works fine , I actually tested it .

Did it have any effect on your custom print format?

Btw I am using Frappe/ERPNext V13

i had to call the class in the parent div first

print-format-gutter

.print-format-gutter {
background-color:#d1d8dd !important;
}

before calling any other subsequent classes

have you tried if for a font-color?

example CSS is:

.noTopBorderedTDRed{
    border: 1px solid black;
    border-collapse: collapse;
    border-top: none;
    color:#FF0000 !important;

the erpnext print preview works fine but does not work on the browser print preview or printer’s print preview.

I tried the background-color, it worked fine but not on the font-color. :frowning: