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:
- WordPress Dashboard > Appearance > Editor
- Open the Styles panel
- In the panel you got a new section “Additional CSS”.
- There you can paste arbitrary CSS. (and its immediately rendered on the canvas nearby)
Related Posts:
- Narrow paragraph block aligned to left of “wrapper”
- Full Site Editing Non-editble global styles?
- Are there Gutenberg container blocks?
- show classes as dropdown in guttenberg`s additional css classes input box
- Style new block-editor alignfull class without scrollbars or overflow
- What CSS rules are introduced to core blocks through wp-block-styles?
- Gutenberg Block Editor Match Admin Styles & Frontend Styles
- If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
- is it possible to use post-type as part of a css selector in block editor stylesheet?
- Remove WordPress/Gutenberg button styles for ACF blocks
- Gutenberg Additional CSS Class without modifying theme?
- How to override Gutenberg admin CSS
- Different css rules for TinyMCE and Gutenberg while using add_editor_style()
- Can you edit WP gutenberg block css without a plugin?
- How to stop Gutenberg from outputting inline CSS for specific blocks?
- Enqueue styles in new site editor in WordPress 5.9
- create bootstrap columns inside editor group block
- Add Custom Alignment Option to WordPress Blocks/Gutenberg
- Simple way to add custom class and ids to individual Gutenberg blocks
- The Global Styles missing
- ACF Gut block broke wordpress default style?
- Scroll code block instead of wrapping text
- Default paragraph block styles just for pages NOT for posts?
- Custom CSS in Widget editor (Gutenberg) gets stripped out
- Custom Gutenberg color classes naming convention
- Adding a new block editor color option to a theme
- Stop custom Gutenberg styles taking over other admin bits?
- Why can’t blocks be hidden with jQuery?
- Gutenberg CSS Issue
- Trying to make an image a circle in Gutenberg
- What is the cleanest way to shrink Gutenberg Blocks to container width?
- Gutenberg Editor: display error with a combination of transform and background-attachment:fixed
- Default Gutenberg CSS on frontend
- Customizing the CSS for the post/page editor?
- Use of CSS classes in editor-blocks.css file
- Images at the same vertical position in multiple columns
- How do I make my block-editor styles match my front-end styles?
- Dequeue classic-themes.min.css
- How do I add custom CSS animations for specific Gutenberg blocks?
- How can I add a section with a different background color?
- adding additional css classes have no effect within block editor
- How do I change search input padding for blockbase child theme?
- Insert a group block inside a list item
- Block content rendered with inline CSS. How do I reuse it in a headless setup?
- How to remove class=”wp-block-heading” from Heading tags?
- Gutenberg: where to find style settings
- Custom block style not working in the editor
- Customize margin between paragraphs using the Gutenberg Style editor
- Style priority in theme.json
- How to add a class to a core block in both admin editor and frontend?
- How to force Gutenberg to follow all custom CSS styling in preview?
- Disable WP-Elements Class Creation (Gutenberg)
- Block editor: can’t change format of inline code blocks
- grid overlapping problem
- CSS Selector to override default theme.json custom properties in theme stylesheet
- How to vertically align an image inside a div
- Nesting CSS classes
- CSS center display inline block?
- Define an
‘s src attribute in CSS [duplicate]
- Prevent body scrolling but allow overlay scrolling
- Bootstrap change carousel height
- CSS/HTML: Create a glowing border around an Input Field
- What is the difference between Normalize.css and Reset CSS?
- CSS force image resize and keep aspect ratio
- Why are my divs overlapping?
- Child themes CSS priority problems without using !important
- Sanitize User Entered CSS
- How can I test how fast or slow my wordpress website it?
- How to Edit the Order of Global Colors in Elementor? [closed]
- CSS in child theme not getting loaded
- How to highlight all current categories when viewing a single post?
- Assets in css dont link properly in pages other than home
- Do I have to use a WordPress specific CSS reset, or is a normal, Eric Meyer style CSS reset fine?
- Is there a filter for editor-style.css file?
- How to insert html/css/javascript code to wordpress plugin
- Pure CSS to “float” to the right the number of children of an admin_bar child node
- WordPress adding inline style can’t remove it
- Background image reversed on pages after home page [closed]
- How to get an unique identifier for a page/post/category/tag etc.?
- Remove CSS Attribute by Overriding CSS in Child Theme
- CSS gap issue in div element
- WordPress custom CSS file overrided by internal CSS [closed]
- Can you change the color of svg icons to the global color I choose from WordPress
- Using categories on navigation bar instead of pages
- I have a wordpress website which uses a really weird font on Opera. What do I need to do to fix it?
- Elementor – Edit Global Colors Order
- Modal dialog under the backdrop
- How to remove the specific class
- Customizer Appearance Issue
- Change mobile menu color from red to another color
- Change the version of default style.css in wordpress
- How to set different color in a select box due to selection with css
- Change Login CSS – Include instead of echo
- How to implement a JavaScript and CSS file for my WordPress homepage?
- Custom font isn’t active on all PCs
- Responsive table on ios safari
- How do I hide a specific div class inside ? [closed]
- Using browser detection and the body_class() function to modify css
- css targeting submenu current-menu-item list item [closed]
- Import css file from node_modules using @wordpress/scripts