How To Change Notion Background Color

Customize & style your content

In this Article

You tin can brand Notion look and feel any way you want — similar your make, your squad, your style. We've congenital in features then you lot tin customize any page or workspace. No matter what, Notion makes your design look great 🎨

Jump to FAQs

---

Notion is equipped with all the text styling features you've come to expect from any give-and-take processor — with a few more than added in. Highlight whatever text to see this card:

Of course, all the usual shortcuts apply, likecmd/ctrl +B forbold andcmd/ctrl +shift +Due south for strikethrough. But we've thrown in a couple others:

• cmd/ctrl +Eastward to brandish code in-line.

• cmd/ctrl +shift +Yard to add a comment to any text.

• Oh, and you can always utilise@ to mention a page or a person in your workspace.

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 tobold.

• Type* on either side of your text toitalicize.

• Type ` on either side of your text to createinline code. (That'south the symbol to the left of your 1 key.)

• Type~ on either side of your text to strikethrough.

At the outset of any line of text:

• Type*,-, or+ followed byinfinite to create a bulleted listing.

• Type[] to create a to-exercise checkbox. (There's nospace in between.)

• Typeane. followed pastspace to create a numbered list.

• Type# followed byinfinite to create an H1 header.

• Type## followed byspace to create an H2 sub-header.

• Type### followed by space to create an H3 sub-header.

• Type> followed byspace to create a toggle list.

• Type" followed byspace to create a quote cake.

Note: Observe a full list of keyboard shortcuts for Notion here →

• Cull from 3 different typography styles for every folio you produce — selected to match most writing moods! Just click••• at the upper right of your page and pickDefault,Serif, orMono. All the text on your folio will alter accordingly.

• This same menu includes theMinor text toggle. When you turn information technology on, the text on your page shrinks. Helpful if you want to fit more than on a folio or if you lot similar the way it looks.

Spice up your text by turning it a colour or giving it a colour highlight. There are many colors to choose from and several ways to apply them:

• Requite in-line text a color or highlight from the aforementioned menu you'd use to bold, italicize or comment — just highlight any text and choose a colour from theA dropdown:

• Yous can too plough an entire block of text the same color. The easiest way to practice this is to blazon that handy/ followed by the name of the color you lot want to write in, like /scarlet.

• You lot can also change the color of a text block by typing cmd/ctrl +/ at any point and and then the name of the color yous desire followed pastenter.

Tip: Using the same color over and over? Use the terminal color you used with the shortcutcmd/ctrl +shift +H.

You can shrink the margins on any page and widen your content expanse by going to••• at the elevation correct of your Notion window and toggling onTotal width.

The tiptop of any page in Notion can include ii things: backlinks and comments.

• Backlinks indicate all the pages that link to the current page so you lot can easily navigate betwixt them.

• Comments capture conversation between you and your teammates. You can use them to tag each other, ask questions, provide feedback and more.

As with everything in Notion, you can customize the look and experience of these components. To access these options:

• Click the••• button at the summit right of any Notion page and selectCustomize folio.

• Y'all'll see this window pop up:

• For backlinks, you can choose:

  • Expanded:  See all the pages that link to the current page listed in full.

  • Show in popover: In case you don't want to meet all the pages, you can cull to see just the number of backlinks. Click to open up a popup displaying all the pages.

  • Off: Merely hide all backlinks entirely.

• For comments, you lot can choose to show them:

  • Expanded: Show the total conversation at the top of the page.

  • Off: Hide comments on the folio for a minimalist view.

Callout blocks are useful for highlighting specific text or breaking it out from the rest of a document. Maybe y'all desire to add together a warning, a tip, etc. Here's what one looks like:

The emoji icon and block color can hands be changed to whatever y'all want. The default is whatever you used last.

Add a callout

• Click the+ that appears in the left-hand margin when yous hover over a new line. Curl to selectCallout from the menu that pops up.

• Yous tin as well type/callout and pressenter to add together information technology to your folio.

• Move your callout block effectually your page by using the⋮⋮ icon that appears on hover as a handle to drag and drop it — including into columns.

Style your callout

• Every callout block comes with an icon. Click on it to change it to whatever you lot desire.

• You can besides upload your own icon image (ideal size is 280 x 280 pixels), or paste a link to the epitome you desire.

• ClickRandom to bicycle through randomly generated emoji options until you similar ane!

• Change the color of the callout block itself (or the text inside the block) by clicking the⋮⋮ icon that appears to the left on hover.

• SelectColor and choose from the background color menu to change the entire block's colour. ChoosingDefault turns the cake white with a light gray outline.

• Selecting a non-black colour for the text turns the block white with a lite greyness outline.

• You lot tin can also alter text and background colors with the shortcutcmd/ctrl + / and typing the name of the color you want.

Every page, whether it's a database or not, can have its own icon — either an emoji or an image you upload yourself (like your logo). Information technology'll announced at the peak left of your page and in the sidebar next to it. This helps make pages memorable and easy to find.

In that location are a few means to add together page icons:

• Hover over the elevation of any folio and clickAdd icon.

• Click on any page icon in your sidebar.

• Both will bring up a carte du jour that lets you search for or cull an emoji, upload a file of your own from your computer (like a logo), or paste in the URL of an image from the web.

• You lot can also clickRandom to bicycle through randomly chosen emojis 'til you lot similar one!

• To remove an icon, just click on it and chooseRemove.

• Ideal icon images are 280 x 280 pixels.

Cover art appears as a banner image at the tiptop of any page, bringing some elegance, color, and mode (even to databases).

• Hover over the pinnacle of whatsoever folio and clickAdd together comprehend.

• Hover over the cover that appears and cullChange cover.

• A carte volition pop up with a gallery of choices curated by Notion.

• ClickUpload to add together your own prototype from your reckoner, or clickLink to paste in the URL of an epitome from the web.

• You can likewise search for and choose an image from Unsplash, a library of 1,000,000+ beautiful, usable stock photos.

Tip: You can make your cover pages appear as images on your board or gallery cards in a database. ClickProperties →Carte Preview →Folio Embrace.

---

FAQs

Can I make Total width my default? Is there a way to set a default style for all pages?

Not yet, merely a lot of users take asked for this! Nosotros're continuing to keep this in listen for future projects.

Tin I justify text to be heart aligned or right aligned?

Notion doesn't have any traditional alignment options at the moment, unfortunately 😕But yous can all the same brand this happen. Drag and drop an empty line into the column next to your text to marshal it to the right or left.

Why tin't I alter text size on mobile?

This styling option, along with page width, only exists on desktop and web.

What's the ideal size and aspect ratio for cover images?

The cover images are dynamic depending on the width of your window, so there's no specific size that works best. That said, we recommend using images at to the lowest degree 1,500 pixels broad.

How can I insert an emoji in-line with my text 🤔?

Anywhere in your text, type: followed by the name of the emoji you want to use, similar:fire for 🔥 or:clappingfor 👏

Yous tin can also use your organization emoji picker to include emojis in-line on a Notion folio, or anywhere else on your computer!

Mac:ctrl +cmd +infinite

Windows 10:windows cardinal +. orwindows key +;

Source: https://www.notion.so/help/customize-and-style-your-content

Share this post