Preview-Editor space left-right

stiliajohny · August 23, 2021, 10:30pm

Things I have tried

Dmitriy-Shulha/obsidian-css-snippets/blob/master/Snippets/Edge on left.md

# Edge on left
```css
/* In Edit mode, reduce space between the left edge (blue line) and the line numbering, and instead of toggling to "Readable line length" use max-width - thanks to Reggie*/
/* https://discord.com/channels/686053708261228577/702656734631821413/73219976395672781 */
.cm-s-obsidian {
    max-width: 750px;
    text-align: left;
    padding-left: 0;
}

.markdown-source-view {
    padding-right: 0px;
}

.markdown-preview-view {
    max-width: 750px;
    text-align: left;
}
```

What I’m trying to do

Widen the editor and Preview by not being in the centre.
I tried a css but it didn’t work

mnvwvnm · August 23, 2021, 10:45pm

To better understand what you want, please disable that css, show the default result, clarify if you use any theme…

stiliajohny · August 23, 2021, 10:50pm

I am not using this CSS,
this CSS is what I did try

See on the photo, there are gaps left and right of the editor ( same on preview )
I would like to remove those gaps.

I did try the CSS on the original post but no luck
Looking for help on a CSS that removes that gaps on editor and preview

mnvwvnm · August 23, 2021, 10:53pm

The text is so small… Do you use some zoom?
Do you try Settings > Editor > “Readable line length”?

stiliajohny · August 23, 2021, 11:04pm

sorry for the small font, I have my screen resolution on high quality, getting the most of those pixels …

Indeed this is the solution, I had the readable length activated… just deactivated and its all working !
thanks a lot

system · August 24, 2021, 11:04pm

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