CSS for Headlines

Help Desk ›› Feature Requests ›› CSS for Headlines

WordPress

January 22, 2022 04:53:44

[email protected]

Topics: 3

Messages: 11

Hi,
i am trying to style headlines in my pdf output. In my HTML its a h3. I added custom css in the PDF Template like h3 { color: red; }. But the headline stays the same in the generated pdf. It looks different to the normal p text but i dont know how to change the styling for it.
Any Tipps?
Thanks

January 22, 2022 05:34:08

E2Pdf

Topics: 7

Messages: 3617

Support

Hi,

Unfortunately we can't replicate issue on our side. See please attached screenshots.

Can you please attach some screenshots with your setup?

We would really appreciate your feedback at WordPress.org!

January 22, 2022 06:02:18

[email protected]

Topics: 3

Messages: 11

But what if your content comes from the wordpress page and not fromm this value field? I attached a screenshot of our field.

January 22, 2022 06:22:40

E2Pdf

Topics: 7

Messages: 3617

Support

The problem that you are using comma separated values for CSS as: h1, h2, h3

Unfortunately E2Pdf can't accept such structure. You need to split and set CSS separately for each element.

h1 {
}

h2 {
}

etc... We will review the possibility to add its support.

Some other notes about your CSS section:

- font-family will not work if the font will not be included with some other "HTML" field directly by setting the font. PDF requires the font to be included in PDF document to correct render characters and CSS section currently doesn't support auto embed feature but we plan to add its support in nearest time.

- display: none - doesn't supported. We also has this point in TODO list.

We would really appreciate your feedback at WordPress.org!

January 22, 2022 06:33:54

[email protected]

Topics: 3

Messages: 11

Ah ok thanks! Great fast support!

All trademarks, service marks, trade names, product names, and logos appearing on this website are the property of their respective owners. The use of trademarks such as Formidable Forms®, Forminator Forms®, Gravity Forms®, JetFormBuilder®, WordPress®, WooCommerce®, WPForms® and others is solely for identification purposes (nominative use) and does not imply any affiliation, sponsorship, or endorsement by the respective trademark holders.