Enable or disable graph grid

[Dubo]

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.

What I’m trying to do

hello i can not find the “enable grid” on the canvas setting or landing page.
thanks

Things I have tried

[egauthier]

Just mouse right click and “Snap to Grid”?

[Dubo]

I’ve tried but the grid stays

[holroy]

What do you want? Do you want to hide the grid points?

[saf-dmitry]

If you want to disable the grid, you can use this CSS snippet:

Canvas Gridlines - How to Disable

Since <circle> is no custom tag but a general SVG element (which could appear elsewhere), I would be more specific here and target the canvas-background SVG element: svg.canvas-background { display: none; }

[Dubo]

yes i want to hide the grid points

[Dubo]

hi Saf-Dmiitry - where i find the SVG element? canvas -background svg element?
thanks

[saf-dmitry]

where i find the SVG element? canvas -background svg element?

You don’t need to. Just put the above-mentioned snippet in the <your vault>/.obsidian/snippets/ folder and enable it from the “Settings > Appearance > CSS snippets” menu in Obsidian. This way you can toggle the canvas grid on and off.

[Dubo]

[quote=“Canvas Gridlines - How to Disable, post:7, topic:50197”]
svg.canvas-background { display: none; }

it’s not working for me…

[saf-dmitry]

@Dubo You may try this:

svg.canvas-background {
    display: none !important;
}

Otherwise, maybe newer versions of Obsidian use other underlying structure to encode canvas grid. I tested this on Obsidian v1.2.8.

[Olondre]

Or this one @Dubo:

.canvas-background circle {
  display: none;
}

[Dubo]

@saf-dmitry

svg.canvas-background {
    display: none !important;
}

Maybe the error is how I copy the text in.
i take the svg.canvas-background {
display: none !important;
} and copy it to folder snippet as a rtf .

and then i save it as css. - correct? and enable it from the “Settings > Appearance > CSS snippets” menu in Obsidian.

is this ok?

[Dubo]

and thanks for your time!! best

[Olondre]

I think the problem is changing a .rtf file to .css. See here:

Can I hide the LOWER left sidebar buttons?

It’s possible the css file isn’t plaintext (manually changing .rtf to .css doesn’t produce a plaintext file). In TextEdit, from the menu items Format > Make Plain Text, and then confirm it’s a .css file. That should do it. An easy to use, but powerful text editor alternative for macOS is TextMate.

[saf-dmitry]

The snippet should be saved as plain text and the snippet file should have the .css extension, like canvas-hide-grid.css. After putting the snippet file in the <your vault>/.obsidian/snippets/ folder you should be able to see the corresponding toggle in the “CSS snippets” section (“Settings > Appearance > CSS snippets” menu in Obsidian).

[Dubo]

Thanks lot!!! now is all ok