Styles & customization

Brian Park
Nov 15 '17 · 4 min read · 1032 views
You can make Notion look and feel any way you want — like your brand, your team, your style. We've built in features so you can customize any page or workspace. No matter what, Notion makes your design look great.

Text styling

Notion is equipped with all the text styling features you've come to expect from any word processor — with a few more added in. Highlight any text to see this menu:
Of course, all the usual shortcuts apply, like cmd/ctrl + b for bold and cmd/ctrl + shift + s for strikethrough. Our shortcuts for writing live here ✂️ But we've thrown in a couple others:
  • cmd/ctrl + e to display code in-line.
  • cmd/ctrl + shift + m to add a comment to any text.
  • Oh, and you can always use @ to mention a page or a person in your workspace. More on that here →

Font & size

  • Choose from three different typography styles for every page you produce — selected to match most writing moods 😙 Just click ••• at the upper right of your page and pick Default, Serif, or Mono. All the text on your page will change accordingly.
  • This same menu includes the Small Text toggle. When you turn it on, the text on your page shrinks. Helpful if you want to fit more on a page or if you like the way it looks ✨
👉
Note: These options are only available on non-database pages.

Colors

Spice up your text by turning it a color or giving it a color highlight. There are many colors to choose from and several ways to apply them:
  • Give in-line text a color or highlight from the same menu you'd use to bold, italicize or comment — just highlight any text and choose a color from the A dropdown:
  • You can also turn an entire block of text the same color. The easiest way to do this is to type that handy / followed by the name of the color you want to write in, like /red.
  • You can also change the color of a text block by typing cmd/ctrl + / at any point and then the name of the color you want followed by enter.
  • You can apply the last color you used with the shortcut cmd/ctrl + shift + h.

Page width

You can shrink the margins on any page and widen your content area by going to ••• at the top right of your Notion window and toggling on Full Width. (Only on non-database pages.)

Markdown

Notion supports all Markdown styling on desktop, web and mobile. Here's a quick rundown of shortcuts:
While typing:
  • Type ** on either side of your text to bold.
  • Type * on either side of your text to italicize.
  • Type ` on either side of your text to create inline code. (That's the symbol to the left of your 1 key.)
  • Type ~ on either side of your text to strikethrough.
At the beginning of any line of text:
  • Type *, -, or + followed by space to create a bulleted list.
  • Type [] to create a to-do checkbox. (There's no space in between.)
  • Type 1. followed by space to create a numbered list.
  • Type # followed by space to create an H1 header.
  • Type ## followed by space to create an H2 sub-header.
  • Type ### followed by space to create an H3 sub-header.
  • Type > followed by space to create a toggle list.
  • Type " followed by space to create a quote block.
👉
Note: Find a full list of keyboard shortcuts for Notion here.

On mobile

Options for styling your text and page are a little different on the mobile app for your phone or tablet. Here's a quick tutorial:

Style text

  • Select any text on your page to see the same styling options (bold, italics, strikethrough, code, link, and color) in the row of buttons above your keyboard.
  • You can also tap the icon to the far right in this row to hide your keyboard. Tap the word bubble icon to the far left to add a comment to that text (see below).

Font

  • Tap the ••• icon at the top right of your page to bring up typography options. The same ones exist on mobile as on desktop — Default, Serif, Mono.

Color

  • The option to start a block with a color or highlight already selected exists in the standard toolbar you see on your page on mobile. Just scroll all the way to the right. Tap Color and then choose which one you want in the next window.
👉
Note: Page width and small text options do not exist on mobile. Only web and desktop.

FAQs

  • Can I make Full Width my default? Is there a way to set a default style for all pages?
    Not yet, but a lot of users have asked for this! We're working on it, stay tuned... 🙃
  • Can I justify text to be center aligned or right aligned?
    Notion doesn't have any traditional alignment options at the moment, unfortunately 😕But you can still make this happen. Drag and drop and empty line into the column next to your text to align it to the right or left. More on columns here →
  • Why can't I change text size on mobile?
    This styling option, along with page width, only exists on desktop and web.

Related guides

Something we didn't cover? Message us in the app by clicking ? at the bottom right on desktop (or in your sidebar on mobile). Or email us at team@makenotion.com ✌️
Updating...

Share on