How to change CSS styling (for example, background color) in PDF templates?
Using the PDF Customizer module, it is possible to adjust the PDF documents according to your needs. By default, the extension provides 4 pre-configured templates that could be used for each type of the order-related document: Order, Invoice, Shipment and Credit Memo.
The styles of the templates can be additionally modified in the app/code/Amasty/PDFCustom/view/frontend/web/css/ampdf.less file if the module was installed via file upload. If the extension was installed via composer, the correct path to the file would be vendor/amasty/module-pdf-customizer/view/frontend/web/css/ampdf.less. Below you can see a code snippet from the file in question:
If you need to change the default background color, edit the aforementioned lines accordingly and paste the required color in the background: line.
Once the changes are made, make sure to run these commands via CLI to make the changes take effect:
php bin/magento cache:flush
php bin/magento setup:static-content:deploy
After the commands have been run, set colors will be reflected in the PDF documents: