So apparently for the site editor, you need to add the styles a little bit differently. You need to use the add_editor_style
function.
add_action('after_setup_theme', 'my_add_editor_styles_to_full_site_editing');
function my_add_editor_styles_to_full_site_editing()
{
add_theme_support('editor-styles');
add_editor_style('site-editor.css');
}
Becareful how you style your stylesheet
This function adds your styles inline wrapped in the .editor-styles-wrapper
class.
Related Posts:
- Enqueue Stylesheet on the front end and in the block editor Conditionally
- Load RTL CSS using block.json for block development
- Remove Open Sans from Twenty Twelve theme
- Enqueue Google Web Fonts Without Messing Up Symbols In URL
- Inbuilt style for jquery-ui-datepicker
- Why is style.css not being enqueued?
- How to conditionally enqueue a stylesheet only for a certain page(s)?
- How to enqueue style before style.css
- Are there Gutenberg container blocks?
- What is the correct way to enqueue multiple CSS files?
- show classes as dropdown in guttenberg`s additional css classes input box
- Remove wp_add_inline_style
- Is it possible to enqueue a raw CSS string directly from within a template file?
- Style new block-editor alignfull class without scrollbars or overflow
- Use wp_enqueue_scripts, not wp_print_styles?
- Why isn’t my theme processing SASS?
- What CSS rules are introduced to core blocks through wp-block-styles?
- How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
- Adding style sheet to specific page
- How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
- Disable child theme css on certain pages
- Gutenberg Block Editor Match Admin Styles & Frontend Styles
- When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
- Load custom css after bootstrap
- Enqueue style for Password Reset page
- The correct way to include JavaScript and CSS in my WordPress Themes
- If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
- Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
- 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
- Relative path instead of absolute for wp_enqueue_script
- get_stylesheet_uri returns wrong path
- Override load-styles.php with admin screen css
- CSS file not registering through add_action
- Relative path in wp_register_style not working
- Custom Admin CSS styles to style media uploader?
- getting url in wp_enqueue_style
- Gutenberg Additional CSS Class without modifying theme?
- How to override Gutenberg admin CSS
- How the Css File is Linked without calling it in header.php?
- Loading different stylesheet on WordPress pages?
- Use wp_add_inline_style to add code to before wp_head?
- why enqueued styles in header.php shows in footer?
- Different css rules for TinyMCE and Gutenberg while using add_editor_style()
- How to insert html/css/javascript code to wordpress plugin
- Adding external stylesheet after ALL other styles
- Different ways to load child theme css
- How to enqueue a random css style?
- Can you edit WP gutenberg block css without a plugin?
- How to override Bootstrap css with my child theme css in wordpress?
- How to stop Gutenberg from outputting inline CSS for specific blocks?
- How to check if a WordPress core block is active in sidebar
- create bootstrap columns inside editor group block
- How to organize priority of plugins CSS files?
- why this media query is not working / not loading when I put it in child theme?
- How do I make header.php use different css for different pages?
- Load CSS in footer, like your can with JS?
- Child theme stylesheet not always overriding “index”
- Child Theme CSS not showing at all
- Faster fonts on mobile
- Display Something in the Header After All Styles are Loaded
- My CSS suddenly doesn’t load anymore [closed]
- How can I force Dynamic CSS via ACF values to update on page load?
- functions.php – inject inline css from file
- Append style tag in head while shortcode runs
- How can I move my custom css to the very bottom of the head section?
- Add Custom Alignment Option to WordPress Blocks/Gutenberg
- Simple way to add custom class and ids to individual Gutenberg blocks
- CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
- enqueing Javascript and CSS
- Load custom CSS before admin CSS
- Including CSS files in HEAD based on page content
- How would one set or override a Fallback font for characters in second language?
- First element/selector of enqueued CSS file breaks
- 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
- Dequeue styles with query doesn’t work
- Adding a new block editor color option to a theme
- Stop custom Gutenberg styles taking over other admin bits?
- Full Site Editing Non-editble global styles?
- Block content rendered with inline CSS. How do I reuse it in a headless setup?
- How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
- 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)
- Separate typography controls for titles and meta in a custom block?
- Turn off/modify specific pre-rendered Gutenberg editor CSS styles
- Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
- Block editor: can’t change format of inline code blocks
- Gutenberg inline style messing up the navigation when I add a list to a page
- Twenty Twenty Four child theme stylesheet is not being enqueued in admin panel when editing pages