0

When using a Block Theme then you can use the Site Editor, accessible via: Wordpress Dashboard > Appearance > Editor. — Introduced in Wordpress 5.9 on 2022-01-25.

  1. Site Editor > Styles (right side panel) allows you to tweak global Styles (typography, colors, layout) and certain selected attributes of Blocks. And thereby alter the CSS which eventually comes out of the Styles Engine.

  2. But how can I add arbitrary custom CSS to a Wordpress Block Theme? Analog to classical themes with customizer support (introduced in WordPress 3.4 2012-06-13) where you can go to: Dashboard > Appearance > Customize > Additional CSS.

1 Answer 1

1

In WordPress 6.1.1 (released 2022-11) this is not possible in the UI. But good news:

In Wordpress 6.2 (to be released somewhen March 2023) this will be possible! Was introduced as an experimental feature in Gutenberg 14.8 from 2022-12 (see video )

It works like this:

  1. Wordpress Dashboard > Appearance > Editor
  2. Open the Styles panel
  3. In the panel you got a new section "Additional CSS".
  4. There you can paste arbitrary CSS. (and its immediately rendered on the canvas nearby)

How to add arbitrary custom CSS to a Wordpress Block Theme using Site Editor

3
  • This is coming to core in 6.2 this month. Mar 4, 2023 at 2:40
  • 👆 Good news! Thanks for the info!
    – porg
    Mar 4, 2023 at 13:27
  • 1
    👍 Integrated that release plan into my answer.
    – porg
    Mar 4, 2023 at 13:33

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.