Global Styles Mods – WordPress 5.9 fix
Fixes styling issues in WordPress 5.9 modifying global styles code.


Overview
Compatibility
Installation instructions
Customer support & learning resources
Main benefits
Fixes styling issues
Supports block editor themes
Lowers CSS specificity
Removes !important rules
Improves theme compatibility
About this plugin
Author: WebMan Design | Oliver Juhas
Categories: Design and Customization
Version: 1.1.0
Last updated: 15-11-2023
WordPress version: 5.9
Tested up to: 6.4.5
PHP version required: 7.0
Languages: Italiano
Tags:
Learning resources: View resources
Overview
The Global Styles Mods plugin is designed to address styling issues introduced with the release of WordPress 5.9. Ideal for users leveraging Gutenberg’s block editor features and not using full site editing (FSE) themes, this plugin specifically rectifies problems related to font sizes and color palettes that may have emerged after the WordPress update. By removing the `!important` rule and replacing the `body` selector with the `:root` selector in global CSS styles, this plugin ensures that the global styles have lower specificity. This allows existing theme or plugin stylesheets to override the global styles more effectively. Intended for sites experiencing visual inconsistencies post-WordPress 5.9, it provides a targeted solution to maintain and enhance theme compatibility without needing extensive updates.
Fixes Styling Issues
- Addresses font size and color issues introduced in WordPress 5.9.
- Ensures consistent styling across your website.
Compatibility with Block Editor
- Supports themes that utilize Gutenberg features like preset font sizes and color palettes.
- Ensures that block editor features work seamlessly without styling conflicts.
Improves Theme and Plugin Integration
- Lowers the specificity of WordPress 5.9 global CSS styles by removing !important rules.
- Changes body to :root selector for setting up WordPress CSS properties, making it easier for themes and plugins to override global styles.
Early Enqueue of Global Styles
- Enqueues global styles early to give theme or plugin stylesheets a better chance to override them.
- Minimizes the effort required to maintain consistent styling across your website.