Disable block inline CSS?

Hi @rinh

It sounds like you want to remove all of Gutenberg’s Block Library CSS?

This will remove the CSS you have for all blocks and it will affect how content is represented on your site. If you are planning on changing all of the CSS that comes with the block you can disble the default by following the steps on this article.

Alternatively, are you able to provide information about the CSS you want to change on your site? You can share more information and a link to the page.

Hi @rinh

Thank you for providing more information about your experience, I wasn’t able to access the examples you added because the text doesn’t have links. Not to worry too much about that because from your explanation I understand what you mean from the additional information you provided.

Having the option to disable inline CSS might come in handy, I would suggest creating a feature request for this on GitHub. At the moment there is a request for folks to be able to opt-out of ! important CSS rules generated by the theme you can add a request that’s specific to your needs here.

Additionally, as I mentioned before there are some functions that folks play around with to disable Inline CSS. This is quite hacky though, I am glad you managed to work around this.

To give further context, @rinh, while there’s no single setting to limit everything to only the theme-defined presets, you can do this on a setting-by-setting case.

For limited font sizes, you can set customFontSize: https://developer.ww.wp.xz.cn/block-editor/reference-guides/theme-json-reference/theme-json-living/#typography

Here’s an example:

{
	"settings": {
		"typography":
			"customFontSize": false
		}
	}
}

For colors, there are several options: https://developer.ww.wp.xz.cn/block-editor/reference-guides/theme-json-reference/theme-json-living/#color

You might want to disable all of these settings:

• customDuotone
• customGradient
• defaultDuotone
• defaultGradients
• defaultPalette

Restricting these settings will reduce the amount of inline CSS styles significantly.

I hope that helps!