Custom CSS Not Working Properly in WordPress Block Theme for Online Store

• 

  calculerenligne · Member · Jun 30, 2025 at 8:23 am

  • Copy link
  • Add topic to favorites

  Hi WordPress Community,

  I recently launched an online store using a Full Site Editing (FSE) theme, but I’m having issues getting my custom CSS to apply properly across some key sections of the site.

  I’ve added my styles both via the Customizer > Additional CSS and by enqueueing a custom stylesheet through functions.php. However, several design tweaks — like spacing, font changes, and product grid alignment — are being overridden, especially inside Gutenberg block containers, patterns, and reusable blocks.

  The CSS works fine when tested outside of WordPress, so I suspect the theme’s block-specific styles or style engine are overriding my custom rules.

  Has anyone found a reliable method to make global CSS stick when using FSE themes? Should I be targeting specific block classes or using !important more aggressively?

  Any tips would be greatly appreciated! I’m trying to maintain a consistent and polished layout across product pages, especially for key items like our tennis rackets and featured collections.

  Thanks in advance for any help! 🙏

  The blog I need help with is: (visible only to logged in users)