Zoom-Out Of Obsidian Note View

Hey

Use case or problem

If you take a look at Samsung Notes
it has a Zoom-Out option to 50%
which you can have a good view of your text
I really encourage you to make the same ,
it is really important
I will attach the screen shot

Current workaround (optional)

Samsung Notes - Zoom-Out of canvas

You already can zoom in and out, including commands and hotkeys. As well, you can modify the font in settings and with CSS.

Hey

I mean Zoom-out-of-text-canvas

when im writing this zoom out of the canves(background) helps me to get comfortable with writing and reading the text

as you can see (in the attached screenshot) margins have another color than the text-cancas .

which helps reading text easily on phone .

I’m not sure I understand. Do you mean to set a readable width for the note area, but also have a different colour for the background?

If that’s what you mean, you can set “Readable line length” in settings. And then you can use a CSS snippet to change the colour of the margins. And adjust the width of the area as well.

ezgif-66dc4f818f7f00b2

this is my end goal

I tried to ;

0 - change font-size to the lowest possible : Helped me a little

1 - Find plugins : But nothing found

2 - Used obsidian “text area settings” : but not satisfying

3 - The css snippets you say : I only found zoom-in option that works for images and … that is for desktop

Im looking for zoom-out to 50%

Either I don’t have the knowledge to do css

I was able to explain well ???

please let me know

thanks.

this is what text-area-settings do ; not satisfying :confused:

There is a PlugIn “Font Size Adjuster”, which works fine for me. It is not with gestures, but with commands. Maybe it is helpfull for you too.

Hi WolfgangG

Thanks for your time and help

I installed the plugin

still not what I am looking for

The ((text-view-zoom-out)) similar to Samsungs notes is my main goal becuz it helps a lot in reading long notes on phone .

appreciate your help and support :heart:

You are speaking in terms of “zooming”, and software that people here aren’t necessarily familiar with.

I asked if you meant the colours of the background as an appearance. Or is specifically the pinch-to-zoom gesture? Are you asking about appearance, or a gesture?

If you mean the colours and appearance, these tags might be what you need. If you add a CSS snippet, you can set the background colours like my screenshot below:

I also added some padding:10px so the text has a bit of room from the white edges, like in your video.

.cm-contentContainer, .markdown-preview-sizer {
background-color: #fff !important;
padding:10px;
}

.view-content {
background-color: #ddd !important;
}

And then when you use the zoom commands in Obsidian, that white area will shrink and grow. So will the font size. If that isn’t what you mean, I’m afraid I don’t know white feature of the video you are trying to emphasize.

1 Like

Hey there

Thanks for your time

I mean Both the pinch-gesture and appearance as the built-in options

Obsidian Really lacks pinch-to-zoom-out&in

Now with your efforts it seams possible to make it happen with lot of settings and snippets

but this option kinda should be a built-in feature

thoese css codes were great , but in dark theme it has a problem as you can see in the second image