CSS doesn’t work in block editor

  • Resolved joehsd

    (@joehsd)


    2 weeks ago

    Dear Support,

    I found that the css style I wrote didn’t show in block editor either using external or internal css after updated WordPress to 7.1.
    Style can be shown in frontend by the way.
    The version of the plugin is 3.54 and I am working on a FSE theme.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Diana Burduja

    (@dianaburduja)

    1 week, 6 days ago

    Hello @joehsd,

    1. Will you make sure the “Where in site: In Block editor” option is checked within your custom CSS code? The option can be found on the right side of the code editor.
    2. The HTML structure and the CSS class names on the frontend could be different then the ones in the block editor, so the same CSS rule could work on the frontend, but not in the editor. Will you make a new CSS custom code with a simple rule should work on both sides? For example, with the Twenty Twenty-Five theme the page title will have the same “wp-block-post-title” CSS class on both side, so the .wp-block-post-title { color: red; } CSS rule will be a good example of a simple rule to test.

    Let me know any of these two suggestions work.

    On our test website the CSS custom codes show up alright in the block editor with the Twenty Twenty-Five theme. If the aforementioned suggestions don’t work, then it could be a bug that shows up under specific conditions, which would require further investigation.

    Thread Starter joehsd

    (@joehsd)

    1 week, 6 days ago

    Thank you for the reply.
    Somehow the issue resolved today when I checked the data by Devtool.
    Maybe it just caching problem.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.