How to manually adjust Obsidian note margin size

[TJW527]

What I’m trying to do

I’m trying to make custom-scalable margins so I can fit larger images and wider text lines WITHOUT disabling ‘Readable line length’.

Things I have tried

Tried CSS code blocks from ChatGPT but they didn’t work and I don’t know CSS at all so idk what I’m doing.

[ariehen]

Readable line length needs to be enabled for any of these snippets to work.

For the default and almost all community themes, you can use these (for example) on a per-note basis. The class, wideish-view (no dot) etc., goes in the cssclasses section for any notes you want to change. The class name (.wideish-view, etc.) can be changed as long as it doesn’t conflict with another class in that vault.

.wideish-view {
    --file-line-width: 900px; }

.wide-view {
    --file-line-width: 1200px; }

.full-view {
    --file-line-width: 100%; }

---

If you want to change the readable line length of all notes in a vault, replace the cssclass with body.

body {
    --file-line-width: 1200px; /* default RLL is 700px */ }

Alternatively, if you want all notes full width but only some a custom width, we can flip it around:

body {
    --file-line-width: 100%;    
    & .rll { --file-line-width: 700px; }
    & .wide1000 { --file-line-width: 1000px; }
    & .wide1200 { --file-line-width: 1200px; }
}

Lots of options to try!

---

https://help.obsidian.md/snippets if needed.