How to Change Divider Color in Notion (2024)

When you need an aesthetic-looking template, you would want to change the divider color. You can create a workspace that is both functional and aesthetically pleasing with customizable features of Notion,

The default divider color in Notion is gray, so one of the most requested customization options in Notion is changing the color of dividers, which can help you organize your pages and create a visually appealing layout.

In this tutorial, we will guide you through changing the divider color on Notion.

Use Latex Code to Change Divider Color in Notion

Latex code is the simplest way to customize the default divider color in Notion.

  • COLOR: You can insert whatever main color you want
  • LENGTH: The length of the divider as px or cm.
  • HEIGHT: The height of the divider as px or cm.

1. Hover on the block and Click “+” icon on the beginning of the block.

change divider color in notion

2. The list of blocks will appear on the menu. Choose “Text block“.

The list of blocks will appear on the menu in Notion.

3. Copy-paste the code to the text block.

Example code: $$\color{yellow}\rule{500px}{2px}$$

Copy paste the code

3. When you click on the divider, a pop-up box will appear. Then you can change the color, length and height of the divider.

TIP: If you want to make a vertical divider with the color you want, you can make a higher value of height than the length.

Warning: This method could have issues with responsive design. Please do not forget to test it on desktop and mobile devices. If you have some problems on different devices, you can try to change the length and height of the divider to make your template responsive.

Leave a Comment