Block Theme Not Respecting Custom CSS for My Site

  • Unknown's avatar

    Hi everyone,

    I’m running into a styling issue while building my new project Sweet Bonanza Canada using a WordPress Full Site Editing (FSE) block theme. Some of my custom CSS simply refuses to apply — mainly inside nested blocks, group containers, and pattern layouts. It looks fine when I test the same CSS in a normal HTML environment, but once it’s inside the block theme, the default Gutenberg styles seem to override everything.

    I’ve already tried:

    • Adding CSS in the Site Editor (Additional CSS)
    • Enqueueing a custom stylesheet in functions.php
    • Using more specific selectors
    • Clearing cache and regenerating files

    But certain elements still ignore the rules completely.

    Has anyone dealt with custom CSS being overwritten like this in FSE themes?
    What’s the most reliable way to make sure custom CSS applies everywhere, even inside deep block structures?

    Any tips or proven solutions would be awesome. Thanks!

Log in or create an account to reply