Products
Features
YouTube Video Summarizer
Summarize YouTube videos
Web & PDF Highlighter
Highlight web pages & PDFs
Chat with PDF
Ask any PDF questions with AI
Ask AI Clone
Chat with your highlights & memories
Audio Transcriber
Transcribe audio files to text
Glasp Reader
Read and highlight articles
Kindle Highlight Export
Export your Kindle highlights
Idea Hatch
Hatch ideas from your highlights
Integrations
Obsidian Plugin
Notion Integration
Pocket Integration
Instapaper Integration
Medium Integration
Readwise Integration
Snipd Integration
Hypothesis Integration
Apps & Extensions
Chrome Extension
Safari Extension
Edge Add-ons
Firefox Add-ons
iOS App
Android App
Discover
Discover
Ideas
Discover new ideas and insights
Articles
Curated articles and insights
Books
Book recommendations by great minds
Posts
Essays and notes from readers
Quotes
Inspiring quotes collection
Videos
Curated videos and summaries
Explore Glasp
Glasp Newsletter
Weekly insights and updates
Glasp Talk
Interview series with great minds
Glasp Blog
Latest news and articles
Glasp Use Cases
Learn how others use Glasp
Build & Support
Glasp API
Access Glasp's API for developers
MCP Connector
Connect Glasp to Claude & ChatGPT
Community
Glasp Reddit Community
Students
Student discount and benefits
FAQs
Frequently Asked Questions
AboutPricing
DashboardLog inSign up

How to Create Colorful Custom Dividers in Notion

39.2K views
•
March 17, 2022
by
Productive Dude
YouTube video player
How to Create Colorful Custom Dividers in Notion

TL;DR

You can create customizable dividers in Notion by copying and pasting a specific code into a text block. Change the divider's color using a hex code, and adjust its height and width to suit your design preferences. This method enhances the overall aesthetic of your Notion workspace beyond the default gray dividers.

Transcript

hello fellow notion users and welcome back to another notion tutorial in today's quick simple tutorial i'm going to show you how to create dividers that are different colors and different widths and notion right now with the basic notion setup we're limited to gray dividers simple gray dividers but what i have kind of figured out here is you can cr... Read More

Key Insights

  • 🗂️ The basic Notion setup only provides gray dividers, but with a simple code, you can customize dividers with different colors and widths.
  • 👨‍💻 To create custom dividers, you can copy and paste the provided code into a text block in your Notion workspace.
  • 👀 The color of the dividers can be changed using a hex code, and the height and width can be adjusted to create the desired look.
  • 🥺 Visiting the Notion subreddit can lead to finding useful tips and tricks like creating custom dividers.
  • 👨‍💻 Websites like htmlcolorcodes.com can help generate hex codes for specific colors.
  • 😑 Pressing "Done" after editing the code is necessary to apply the changes to the dividers.
  • 🗂️ Custom dividers can enhance the aesthetic and organization of your Notion workspace.

Install to Summarize YouTube Videos and Get Transcripts

Explore YouTube Video Summarizer or Get YouTube Transcript Extractor

Questions & Answers

Q: How can I create custom dividers with different colors and widths in Notion?

To create custom dividers, you need to copy and paste the provided code into a text block in Notion. Then, you can change the color using a hex code and adjust the height and width parameters according to your preference.

Q: Where can I find the hex code for a specific color?

You can visit websites like htmlcolorcodes.com and use their color picker tool to generate the hex code for the color you want. Simply select your desired color and copy the corresponding hex code.

Q: Can I change the height and width of the dividers?

Yes, you can adjust the height and width parameters in the code. Changing the height value will make the divider taller or shorter, while changing the width value will make it thicker or thinner.

Q: Do I need to press "Done" after editing the code for the changes to take effect?

Yes, it's important to press "Done" after making any edits to the code in order for the changes to be applied to the dividers in your Notion workspace.

Key Insights:

  • The basic Notion setup only provides gray dividers, but with a simple code, you can customize dividers with different colors and widths.
  • To create custom dividers, you can copy and paste the provided code into a text block in your Notion workspace.
  • The color of the dividers can be changed using a hex code, and the height and width can be adjusted to create the desired look.
  • Visiting the Notion subreddit can lead to finding useful tips and tricks like creating custom dividers.
  • Websites like htmlcolorcodes.com can help generate hex codes for specific colors.
  • Pressing "Done" after editing the code is necessary to apply the changes to the dividers.
  • Custom dividers can enhance the aesthetic and organization of your Notion workspace.
  • Exploring the original subreddit post can provide further understanding of the code and its functionality.

Summary & Key Takeaways

  • The basic Notion setup only allows for gray dividers, but with a simple code, you can create dividers with different colors and widths.

  • By copying and pasting the provided code, you can change the color using a hex code and adjust the height and width of the dividers.

  • The Notion subreddit is a great source for finding hidden gem tips like this one.


Read in Other Languages (beta)

English

Share This Summary 📚

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Explore More Summaries from Productive Dude 📚

Notion App Tutorial: 10 Tips To Improve Your Notes in Notion for 2022! thumbnail
Notion App Tutorial: 10 Tips To Improve Your Notes in Notion for 2022!
Productive Dude
Notion Tutorial - Full Course for Beginners [2025] thumbnail
Notion Tutorial - Full Course for Beginners [2025]
Productive Dude
How Can Notion AI Help with Content Creation? thumbnail
How Can Notion AI Help with Content Creation?
Productive Dude
I Built a $16,500 App in UNDER 60 Minutes (Claude Code Tutorial) thumbnail
I Built a $16,500 App in UNDER 60 Minutes (Claude Code Tutorial)
Productive Dude
MidJourney Tutorial: Full Beginner's Guide (2023 MidJourney AI Tutorial) thumbnail
MidJourney Tutorial: Full Beginner's Guide (2023 MidJourney AI Tutorial)
Productive Dude
All Notion Databases Explained in Under 30 Minutes! (Full Guide) thumbnail
All Notion Databases Explained in Under 30 Minutes! (Full Guide)
Productive Dude

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Apps & Extensions

  • Chrome Extension
  • Safari Extension
  • Edge Add-ons
  • Firefox Add-ons
  • iOS App
  • Android App

Key Features

  • YouTube Video Summarizer
  • Web & PDF Summarizer
  • Web & PDF Highlighter
  • Chat with PDF
  • Ask AI Clone
  • Audio Transcriber
  • Glasp Reader
  • Kindle Highlight Export
  • Idea Hatch

Integrations

  • Obsidian Plugin
  • Notion Integration
  • Pocket Integration
  • Instapaper Integration
  • Medium Integration
  • Readwise Integration
  • Snipd Integration
  • Hypothesis Integration

More Features

  • APIs
  • MCP Connector
  • Blog & Post
  • Embed Links
  • Image Highlight
  • Personality Test
  • Quote Shots

Company

  • About us
  • Blog
  • Community
  • FAQs
  • Job Board
  • Newsletter
  • Pricing
Terms

•

Privacy

•

Guidelines

© 2026 Glasp Inc. All rights reserved.