mikero90

I found the problem. The autogenerated css by pdf friendly was blocked due to the fact that I don’t use secured https before the site link.

Can be closed, thanks.

It worked before the update on version 5.1.0. I then updated to 5.11.0, then to 5.2.0. Haven’t changed anything. The application is on my local server, not hosted on the web yet. The custom CSS code I use:

/* Print Background Colors and Colorful fonts */

@media print {
   body #printfriendly { -webkit-print-color-adjust: exact; }
}
/* Hides the Page Title and Source URL */

#printfriendly #pf-src {
    display:none !important;
} 

/* Reduce Margin in PDF */

.pdf-border #printfriendly{
padding:0!important;
margin:0!important;
}

table>tbody>tr>td.invoice_title {
    color: darkblue;
    font-size: 22px !important;
    padding: 1px !important;
    text-align: center;
}

table>tbody>tr>td.invoice_info {
    font-size: 12px !important;
    padding: 1px !important;
    text-align: center;
}

table>tbody>tr>td.invoice_cat {
    color: darkblue;
    font-size: 11px !important;
    padding: 1px !important;
    text-align: center;
}

table>tbody>tr>td.invoice_data {
    color: dimgray;
    font-size: 10px !important;
    padding: 1px !important;
    text-align: center;
}

table>thead>tr>th.firm_name {
    color: darkblue;
    font-size: 12px !important;
    padding: 1px !important;
}

table>tbody>tr>td.firm_info {
    color: dimgray;
    font-size: 10px !important;
    padding: 1px !important;
}

table>tbody>tr>td.left {
    text-align: left;
}

table>tbody>tr>td.right {
    text-align: right;
}

table>tbody>tr>td.invoice_total {
    color: darkblue;
    font-size: 22px !important;
    padding-right: 0px !important;
}

table>thead>tr {
    border-style: none !important;
}

table>tbody>tr {
    border-style: none !important;
}

table>thead>tr>td {
    font-size: 11px !important;
}

table>tbody>tr>td {
    font-size: 11px !important;
}
table {
margin:0 !important;
padding: 0 !important;
}

h6 {
display: none;
}
/* Aligns images to the left */

#printfriendly img{
    float:left;
    margin-top: 12px;
    margin-right: 12px;
} 

/* Changes header color */

#printfriendly h1, #printfriendly h2, #printfriendly h3, #printfriendly h4 {
    color: Green;
}

Thanks