Page Publishing CSS

AI-generated summary

In a discussion titled ‘Page Publishing CSS’ under the Support category, users explore how to apply CSS to ‘page publishing’ pages. Andro asks where to place CSS for such pages and whether normal page CSS can be applied. Moin suggests adding CSS via theme or theme components, referencing a guide on customizing themes, but notes uncertainty about compatibility with page publishing, citing Canapin who previously mentioned limitations — though Canapin later clarifies those limitations refer more to JavaScript and dynamic features, not CSS. RGJ confirms CSS from themes and plugins, including header/footer code, does work on published pages. Andro expresses concern about duplicating CSS across a dozen themes, to which Moin replies that a single theme component can be added to multiple themes, avoiding duplication. The consensus is that CSS can be applied to published pages via theme components, though JS and dynamic features remain unsupported.

How can I find and apply the normal page CSS to a ‘page publishing’ page?

And where does one put CSS for pages anyway?

You can add CSS to your theme, or if your theme doesn’t allow customizations because it’s a default theme or hosted remotely, you can create a theme component and add that to your theme (Customizing themes without an Edit code button)

I am not sure if that also works for page publishing. Canapin said it doesn’t

but maybe he meant it more generally and less focused on CSS. I found Published Page CSS Not Showing on Frontend - #7 by david which makes me think that it should work

Yes, CSS from plugins and themes is included on published pages. Anything in “header” and “footer” as well.

Yeah I was meaning in term of features, js etc. Even basic built-in stuff like dynamic dates won’t work.

So this means I have to duplicate the CSS in all the dozen of so themes I have, that users can choose?

You can add your theme component to multiple themes