Customizing the Readable Line Lenght of specific pages

I have searched throughout the documentation, but didn’t find any help.

Hello Obsidian Community! I need your help! I know that I can go to Obsidian settings and change the “Readable Line Length” to display a full width page or a more compact one, for better readability of texts.

But now I’m experimenting to embed iframes in Obsidian to extend its power.

To embed Raindrop.io for example, we can add:<iframe src=" https://app.raindrop.io/my/-1" width ="100%" height="800" frameborder = "0"></iframe>

To visualize the iframe in a decent way, we need to go to settings and change it to full width view. When a go to a text only page, we need to go there again and change it to compact mode.

Keep toggling the modes is kind of annoying. Even if it’s possible to do it using the command palette…

Does anyone know a way to configure a specific page to open in full width mode, without compromise the others?

i have this custom snippet to manage just that. just drop it inside your [vault]/.obsidian/snippets folder and enable it via Settings > Appearance > CSS Snippets.

For you to use it, on the note you want to have full width, put a yaml at the top with cssclass: wide-page like example below

---
cssclass: wide-page
---

## this is markdown file (.md) of your note

the rest of your content

page width and wide views.css (3.6 KB)

1 Like

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.