vlad.olaru

pixelgrade

George Olaru

Razvan Onofrei

Madalin Gorbanescu

<p>Style Manager provides you with the tools to get your site’s style to match your personality while retaining overall cohesion and balance.</p>
<p>Design is at the forefront of everything that Style Manager provides. We want you to feel at ease when customizing your blog, feeling confident that the end results will match the quality of your content.</p>
<p>This is why we are actively integrating Style Manager with free themes on WordPress.org and collaborating with theme authors to take advantage and enhance their user’s customizing experience.</p>
<p><strong>Made with love by <a href="https://pixelgrade.com" rel="nofollow ugc">Pixelgrade</a></strong></p>
<h3>Issues</h3>
<p>If you identify any errors or have an idea for improving the plugin, please open an <a href="https://github.com/pixelgrade/style-manager/issues?stage=open" rel="nofollow ugc">issue</a>. We’re more than excited to see what the community thinks of this project, and we welcome your input!</p>
<p>If GitHub is not your thing, but you are passionate about Style Manager and want to help us make it better, don’t hesitate to <a href="https://pixelgrade.com/contact/" rel="nofollow ugc">reach us</a>.</p>
<h3>Credits</h3>
<ul>
<li><a href="https://select2.github.io" rel="nofollow ugc">Select2</a> JavaScript library – License: MIT</li>
<li><a href="https://ace.c9.io/" rel="nofollow ugc">Ace Editor</a> JavaScript editor – License: BSD</li>
<li><a href="https://github.com/natedavisolds/jquery-react" rel="nofollow ugc">jQuery React</a> JavaScript jQuery plugin – License: MIT</li>
<li><a href="https://github.com/typekit/webfontloader" rel="nofollow ugc">Web Font Loader</a> JavaScript library – License: Apache 2.0</li>
<li><a href="http://fusejs.io" rel="nofollow ugc">Fuse.js</a> Lightweight fuzzy-search JavaScript library – License: Apache 2.0</li>
<li><a href="https://carbonfields.net/" rel="nofollow ugc">CarbonFields</a> WordPress Custom Fields Library – License: GPLv2</li>
<li>Default <a href="https://unsplash.com/photos/OgM4RKdr2kY" rel="nofollow ugc">image</a> for Style Manager Color Palette control – License: <a href="https://unsplash.com/license" rel="nofollow ugc">Unsplash</a></li>
</ul>


Style Manager – Auto-magical system to style your entire WordPress site

Auto-magical system to style your WordPress site.

WebMan Design | Oliver Juhas

<h4>Plugin’s purpose</h4>
<p>This plugin fixes styling issues introduced in WordPress 5.9.</p>
<h4>👍 When to use this plugin</h4>
<ul>
<li>✅ Your WordPress is of version 5.9 or newer</li>
<li>✅ You are using a theme that supports block editor (Gutenberg) features such as preset font sizes and color palette</li>
<li>✅ Your theme does not support <a href="https://wordpress.org/news/2022/01/josephine/" rel="ugc">full site editing (FSE) feature</a> (from <a href="https://github.com/WordPress/gutenberg/issues/38252" rel="nofollow ugc">conversation about reported issues</a> it seems they affect Gutenberg-ready themes only and FSE themes should be fine)</li>
<li>✅ You experience font size or color issues on your website after WordPress 5.9 update</li>
<li>✅ Your theme has not been updated to fix these issues</li>
</ul>
<h4>✋ When NOT to use this plugin</h4>
<ul>
<li>You are not using WordPress 5.9 or newer</li>
<li>Your theme was updated and is fixing the issues</li>
<li>Your theme does not support block editor features (such as preset color palette or font sizes)</li>
<li>Your theme is <a href="https://wordpress.org/news/2022/01/josephine/" rel="ugc">full site editing (FSE) ready</a></li>
<li>You don’t experience any font size or color issues on your website after updating to WordPress 5.9</li>
</ul>
<h4>Technical info</h4>
<p>WordPress 5.9 started applying <code>!important</code> rule and is setting up CSS properties (CSS variables) within <code>body</code> selector in its global styles code. This rises the global styles specificity and may override styles coming from themes and plugins. (For more info about this change check <a href="https://make.wordpress.org/core/2022/01/08/updates-for-settings-styles-and-theme-json/#changes-to-the-global-stylesheet" rel="nofollow ugc">“Updates for Settings, Styles, and theme.json” article</a>.)</p>
<p><strong>Global Styles Mods</strong> plugin lowers the specificity of WordPress 5.9 global CSS styles by removing <code>!important</code> rules and changing <code>body</code> to <code>:root</code> selector for setting up WordPress CSS properties (CSS variables).</p>
<p>It also enqueues the global styles early enough so your theme or plugin stylesheet have a better chance to override global styles with minimal effort.</p>
<p>The fix applied is coming from issue <a href="https://github.com/WordPress/gutenberg/issues/38252#issuecomment-1024348024" rel="nofollow ugc">conversation in Gutenberg GitHub repository</a>.</p>


Global Styles Mods – WordPress 5.9 fix

If your theme was built prior to WP 5.9, you might find that updating to WP 5.9+ breaks some styling on your site. This plugin fixes it.

Great plugin, fixes issues in WP 5.9

Fixes styling issues in WordPress 5.9 modifying global styles code.

Style Manager – Auto-magical system to style your entire WordPress site vs Global Styles Mods – WordPress 5.9 fix