CSS selectors | ww.wp.xz.cn

Resolved Sea Jay
(@jcollier)

1 year ago

Is there a cheatsheet of CSS selectors to style elements such as the page title? In the inspector, we see spans, but not classes or IDs.

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author dinamiko
(@dinamiko)

1 year ago

Hello @jcollier,

Can you explain a bit more what are you trying to accomplish? thanks.
Thread Starter Sea Jay
(@jcollier)

1 year ago
Thank you for asking! Love the plugin.

When I click your Print PDF button on this page https://www.jaycollier.net/work/management/academy-of-digital-sciences/about/, I get this: https://www.jaycollier.net/work/management/academy-of-digital-sciences/about/?pdf=24215

I want to change the formatting of the page title on that PDF-formatted page, but when I use the Inspector, I see this code:
```
<span style="left: 54.22%; top: 7.17%; font-size: calc(var(--total-scale-factor) *12.00px); font-family: sans-serif; transform: scaleX(1.02512);" role="presentation" dir="ltr">About the Academy of Digital Sciences | 1</span>
```
Since there is no IDs or class on the span, I don’t see how to write CSS to adjust it.

What am I missing? 🙂 TIA.
Plugin Author dinamiko
(@dinamiko)

1 year ago

Hello @jcollier,

That’s because the header in the PDF has its own template, the CSS from plugin settings does not apply to that template but only to the post content

As for now the only way to modify the header style is by overriding the template ideally in a child theme, then you can add your own content and styles there.

Thread Starter Sea Jay
(@jcollier)

1 year ago

Got it. Thanks! I’ll do that.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS selectors’ is closed to new replies.

4 replies
2 participants
Last reply from: Sea Jay
Last activity: 1 year ago
Status: resolved