Custom CSS

Version

v1.0.0

Utility block for scoped custom CSS notes and controlled page-level style overrides. Ships as a Payload CMS layout block, a Lexical content block for RichText fields, and a global component.

Lexical BlocksSystem PluginLayout Blocks#Layout Block#Richtext#Core#Lexical Block
Payload CMSNext.js
Switch to fullscreen to interact with component.
...Loading

Version

v1.0.0

Updated

Sep 14, 2026

License

Single Site

Framework

Next.js

Install via Pro CLI

Requires an active Pro subscription and license API authentication. The browser preview does not expose the sellable source files.

Sign in to access CLI

Documentation

What it includes

Custom CSS includes the supplied React component and Payload field configuration. Follow the installation steps to register the component and its dependencies in your project, then configure its content in the admin editor.

Best use cases

Utility block for scoped custom CSS notes and controlled page-level style overrides.

Using it in your project

Enter the CSS needed for your page and scope selectors to a specific section or class. Check the rules against your project's existing styles so they do not unintentionally change other blocks.

Explore More Products

Back to Blocks