Bullet CSS classes

Getting Started

Home

Sync Content

Customizing your site

Customizing Notion Blocks

Callout

Toggle

Lists (Bullets and Numbered lists)

References

How To

Knowledge Base Widget

Knowledge Based Widget

References

List of all classes used in bullet to render blocks

Blocks	ClassName
Notion title	`.notion-title`
Heading1	`.notion-h1`
Heading2	`.notion-h2`
Heading3	`.notion-h3`
Notion text	`.notion-text`
Bold text	`b`
Italic text	`em`
Underline	`.notion-inline-underscore`
Strike-Through	`s`
Linked text	`.notion-link`
Code text	`.notion-inline-code`
Notion-column	ㅤ
Notion-column	`.notion-column`
Bullet-2-column	`.bullet-2-column`
Bullet-3-column	`.bullet-3-column`
Bullet-4-column	`.bullet-4-column`
Bullet-5-column	`.notion-5-column`
Notion link	ㅤ
Notion-link	`.notion-link`
Bullet-btn	`.bullet-btn`
Divider	`.notion-divider`
Page Block	`.notion-page` `.notion-collection-page-properties` `.notion-page-content`
List-style-type	ㅤ
Bullet list	`.notion-list-disc` `li`
Number list	`.notion-list-numbered` `li`
Todo Checklist	ㅤ
Todo list checked	`.notion-to-do` `.notion-to-do-item` `.notion-property-checkbox-checked`
Todo list unchecked	`.notion-to-do` `.notion-to-do-item` `.notion-property-checkbox-unchecked`
Toggle	ㅤ
Toggle	`.notion-toggle` `summary`
Quote	ㅤ
Default quote	`.notion-quote`
Gray quote	`.notion-quote .notion-gray`
Yellow quote	`.notion-quote .notion-yellow`
Purple quote	`.notion-quote .notion-purple`
Brown quote	`.notion-quote .notion-brown`
Teal quote	`.notion-quote .notion-teal`
Pink quote	`.notion-quote .notion-orange`
Blue quote	`.notion-quote .notion-blue`
Red quote	`.notion-quote .notion-red`
Background Quote	ㅤ
Default background quote	`.notion-quote`
Gray background quote	`.notion-quote .notion-gray_background`
Yellow background quote	`.notion-quote .notion-yellow_background`
Purple background quote	`.notion-quote .notion-purple_background`
Brown background quote	`.notion-quote .notion-brown_background`
Teal background quote	`.notion-quote .notion-teal_background`
Pink background quote	`.notion-quote .notion-orange_background`
Blue background quote	`.notion-quote .notion-blue_background`
Red background quote	`.notion-quote .notion-red_background`
Callout	ㅤ
Default callout	`.notion-callout`
Gray callout	`.notion-gray_background_co`
Brown callout	`.notion-brown_background_co`
Orange callout	`.notion-orange_background_co`
Yellow callout	`.notion-yellow_background_co`
Green callout	`.notion-teal_background_co`
Blue callout	`.notion-blue_background_co`
Purple callout	`.notion-purple_background_co`
Pink callout	`.notion-pink_background_co`
Red callout	`.notion-red_background_co`
ㅤ	ㅤ
Search	ㅤ
Search ClassName	`.bullet-search-overlay` `.panel-block .control .icon` `.bullet-panel.bullet-search-input.bullet-result-container.bullet-result .panel-block.bullet-result-title.bullet-result-desc.bullet-result-link.bullet-no-result`
Navbar	ㅤ
Navbar container	`.bullet-navbar`
Navbar brand container	`.navbar-brand`
Navbar brand logo	`.navbar-brand-logo`
Navbar brand item	`.navbar-item`
Navbar burger icon	`.navbar-burger`
Navbar menu container	`.navbar-menu`
Navbar item link	`.navbar-link`
Navbar dropdown container	`.navbar-dropdown`
Navbar dropdown item container	`.nav-drop-item-container`
Navbar dropdown icon	`.nav-drop-icon`
Navbar dropdown title	`.nav-drop-title`
Navbar dropdown description	`.nav-drop-desc`
Navbar cta button	`.nav-cta-btn`
ㅤ	ㅤ

On this page