# Align elements with grids and snap lines

![image](https://docs-assets.foxecom.app/foxify-app/panzoom_sJ1QLsJX.gif)

## What each tool does

<Cards columns="2">
<Card title="Grids guide">

<strong>Grids guide</strong>

</Card>
<Card title="Snap lines">

<strong>Snap lines</strong>

</Card>
</Cards>

<Hint type="info">

Snap lines are disabled automatically when Grids guide is turned off.

</Hint>

## Enable or disable

Both tools are on by default. To toggle them:

<Stepper>

<Step>

#### Open Editor preferences

In the FoxStudio editor, open Editor preferences from the toolbar.

</Step>

<Step>

#### Toggle the options

Check or uncheck the setting you want to change

</Step>

</Stepper>

<Table widths="250,auto">

| Option | What it controls |
| --- | --- |
| Show grids guide | Turns the grid overlay on or off on the canvas |
| Show snap lines | Turns snap line behavior on or off when dragging elements |

</Table>

![image](https://docs-assets.foxecom.app/foxify-app/image_hDX30v4D.png)

## Related resources

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/page-layers">Page layers</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/inspector-panel">Inspector panel</PageLink>

***