Matching/Changing Block Spacing in Editor

[woeful folio]

I want to increase the spacing between the paragraphs/headings/lists in the editor. You can notice the spacing in editor vs preview image. In Preview, spacing is fine as I needed, but in editor it looks congested.
Do you guys have idea if it can be done in payload or it's upto lexical team?
Your technical guidance would be helpful.

I've seen this doc: https://payloadcms.com/docs/fields/blocks#customizing-the-way-your-block-is-rendered-in-lexical
But it seems like using the very word in that word's own definition

[bright owl]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Blocks Field - Block Configs
• Blocks Field - Block Configs - Auto-generated data per block
• Blocks Field - Admin Options - Customizing the way your block is rendered in Lexical
• Rich Text Editor - Features overview
• Rich Text Editor - Extending the lexical editor with Features - Features: The Building Blocks

[supple pelican]

What you could do is add extra margin to the elements inside the lexical editor. the default in mine is .55em (8.8px)

.ContentEditable__root > * { margin-bottom: xxx }

.ContentEditable__root being the div where all your elements from lexical editor are in

[woeful folio]

THANK YOU VERY MUCH!! Brother

[bright owl]

Payload Bot

Thread Solved!

Glad your issue was resolved! :tada: If you want to help make payload better, please give us a :star: on GitHub and review us - It helps us a lot.

🌟 Star Us on GitHub

Click here to star us on GitHub

👍 Review Us

Click here to review us on G2