Templating
🔧

Templating

Use this page as a starting point for learning how to add your own styles to blocks. Go ahead and open the Developer Tools and inspect a block to get started. You can refer to our CSS Classes here.

Heading 1 block

Heading 2 block

Heading 3 block

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla. In nunc arcu, rutrum eu malesuada sed, lacinia nec ipsum. Maecenas quis tincidunt sem. Quisque vitae nisl vel purus laoreet efficitur quis ut arcu. Nulla sit amet risus hendrerit, tristique augue eu, dapibus risus. Curabitur ullamcorper ligula lacus, sit amet pharetra neque interdum in.

Normal Text

Bold Text

Italic Text

Underlined Text

Strikethrough Text

Code Text

Column block 1

Column block 2

Column block 3

Page block

Bullet list block

  • Bulleted list block item 1
  • Bulleted list block item 2
  • Bulleted list block item 3

Numbered list block

  1. Numbered list block item 1
  2. Numbered list block item 2
  3. Numbered list block item 3

Todo list block

Todo item block 1 (Checked)
Todo item block 2
Todo item block 3

Toggle heading 1

Toggle heading 2

Toggle heading 3

Toggle block (Summary)

Toggle block contents

Quote block

icon
Callout block default
icon
Callout block grey
icon
Callout block brown
icon
Callout block orange
icon
Callout block yellow
icon
Callout block green
icon
Callout block blue
icon
Callout block purple
icon
Callout block pink
icon
Callout block red

/* CODE BLOCK */
	code {
		background: #000;
	}

Divider block

Table block

NameTags
Table item 1
1
Table item 2
2
Table item 3
3

Board collection block

Status 1
Page 1
Page 1
Status 2
Page 2
Page 2

List collection block

Page 1
Sep 30, 2022 3:38 PM
Page 2
Sep 30, 2022 3:38 PM

Calendar block

December 2022
Today
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
Dec 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Inline equation block

E=mc2E = mc²

Equation block

HeyHey

Image block
Image block

Bookmark block

Breadcrumbs block

Table of contents block

Video block

clouds.jpeg688.1KB

Audio block

Text color default

Text color gray

Text color brown

Text color orange

Text color yellow

Text color green

Text color blue

Text color purple

Text color pink

Text color red

Background color gray

Background color brown

Background color orange

Background color yellow

Background color green

Background color blue

Background color purple

Background color pink

Background color red