Web - Super Docs

‣

Pages

Getting started

Creating a siteSite pagesHow Super syncs with NotionLearn Notion

Customize your site

Notion TabsSite designNotion formsUpload fontsCustom domainCustom codeSnippets

Features and options

Multi-LanguageMembershipRSS & Atom FeedsTeamsSite filesSettings & optionsNavigation menusMulti LanguageSEO optionsManual PublishingSuper AnalyticsExtensions Additional Features Super PropertiesCloudflare proxyNotion Sync Chrome Extension

Templates

Using a templateCreating a templateTemplate Starter KitTemplate Guidelines

Reference

Compatible blocksVideo guidesNotion colorsSuper CSS ClassesProduct RoadmapSuper 3.1 – Changes & Code update guideSuper CSS classes

Custom code improvement

Search, Filter & Sort Notion DatabasesGallery PosterGrid Gallery Reveal Gallery GlintGridNotion floating Table of ContentsSetting the default state of the toggleSet the grouped databases toggles to closed by defaultCustomize Super Password PageScrollable gallery cards

Welcome to our documentation site, where you can get an overview of Super’s features and learn how they work. (P.s. this site is built with Super and Notion!)

Start with a tutorial →

Quick start

Creating a site

Creating a site

Learn how to create your first site with Notion and Super

Adding pages from Notion

Adding pages from Notion

Learn about how pages work in Super and Notion

Adding your domain

Adding your domain

Learn how to connect a domain to your site

Creating templates

Creating templates

Learn the basics of how to create a custom template using code

Custom code snippets

A selection of crafted custom code snippets that can add further enhancements and functionality to your site.

Full-width section

Full-width section

Gallery Carousel

Gallery Carousel

Database view picker

Database view picker

Image Lightbox

Image Lightbox

Center align text

Center align text

Center align blocks

Center align blocks

Hiding the Page Title

Hiding the Page Title

Hiding the Page Icon

Hiding the Page Icon

How to Set a Border Color

How to Set a Border Color

Page-specific navbar button

Page-specific navbar button

Toggle boxes

Toggle boxes

Navbar items hover color

Navbar items hover color

Custom divider style

Custom divider style

Custom button style

Custom button style

Custom code typography settings

Custom code typography settings

How to articles

Share your Notion page with us

⚙️

Share your Notion page with us

It could help us a lot to find, what’s wrong.

Changing super.site subdomain

📮

Changing super.site subdomain

How to change “geneated.super.site” to “whatever-you-want.super.site”