Yes, this was a CSS issue.
See this answer on the WordPress forums for a complete answer.
There are two interlocking problems. First, the code
style is defined with a more specific selector. Second, the “Additional CSS” is effectively added to the stylesheet at the top, and so the theme’s definition takes precedence. The solution is to use the right selector, and to add !important
to the style so that it takes precedence:
*:not(.wp-block-code) > code {
background-color: #EAF7FF !important;
color: #0066cc !important;
}
Related Posts:
- 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?
- My custom theme text and content format
- 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 can I add a section with a different background color?
- Narrow paragraph block aligned to left of “wrapper”
- 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
- 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?
- Enqueue Stylesheet on the front end and in the block editor Conditionally
- Turn off/modify specific pre-rendered Gutenberg editor CSS styles
- Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
- Set line spacing
- Outline effect to text
- Transition of background-color
- css: how to center box div element directly in center?
- Transitions on the CSS display property
- How to get current screen width in CSS?
- margin-right is not working with my HTML. How can I center my content?
- Positioning background image, adding padding
- CSS Box Shadow – Top and Bottom Only [duplicate]
- Responsive iframe with max width and height
- Overflow-x not working
- Hexagon shape with CSS3
- CSS selector for first element with class
- How to add a custom CSS class to core blocks in Gutenberg editor?
- How make theme css be first and not plugin css
- One WordPress and database but multiple subdomains
- CSS style button For WP Login Function in page template
- WordPress Twenty Fourteen Theme Sidebar
- Auto LTR-RTL Text Direction in wordpress post!
- Is there any size difference between single quote ‘ ‘ and double quote ” ” in CSS
- WordPress problematic caching
- why this media query is not working / not loading when I put it in child theme?
- Rendering css to screen and debug problem
- How to link theme fonts directory in WordPress CSS?
- WordPress custom styles in menu page
- Unable to align my sidebar to the contents section instead of comments
- Get post format and use it as a CSS class in different spans
- Using post_class to style posts indivdually
- Load custom CSS before admin CSS
- Twenty Twelve Calender Widget post titles creating disturbance
- Combine CSS Files without plugin
- My site on mobile version is not giving responsive view
- Missing “Additional CSS” option in Customizer
- check the first login for specific roles
- How to style a list item when the radio input button within that li is :checked
- adding additional class to get the post thumbnail [duplicate]
- Web Developer Console: “Slow network is detected.” with fonts
- Complex List Field – Gravity Forms
- issues with a slider – investigations with firebug
- Display different css or Information based on previous page
- why css doesnt work when i change my file of wordpress and sql to another computer?
- Can physically see CSS changes occur when refreshing page
- hide specific css and js files in specific page wordpress with id or without?