Ticket PDF With Gray Blocks

Wondering why the Ticket PDFs get created with gray blocks around the text, on top of the background image.

The code shows transparent backgrounds:

<p style="background-color: transparent; color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px; padding: 5px 0px 5px 0px;">Dear <strong style="background-color: transparent; color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; min-height: 0px;">[FIRST_NAME] [LAST_NAME]</strong></p>

In short, PDF is not like HTML document. Support for css styling in PDF is very limited, thing works with HTML is likely won't work with PDF

So if transparent backgrounds doesn't work on PDF, I think you will have to try different solution

Regards,

Tuan