Set-up

Set-up

How to set-up your Persona site

1. Open up your downloaded "persona.html" file using a code editor software

image

2. Duplicate "Persona" Notion template from the given URL into yours

image

3. Copy your Notion page URL and create your Super site

image

4. Copy the CSS source code URL from the "persona.html" file

image

5. Set-up your custom nav-bar option to "simple"

image

6. Add your links

image

For those who had used Persona before there was a Super nav-bar support, you need to remove all the quote blocks and skip to step 5 to get the Super nav-bar works. Here's how to do it.

1. Make sure you copy and paste the CSS source code URL from the "persona.html" file into your "Head" global site setting

image

2. Delete all the synced quote blocks that were placed on all the pages

image

3. Set-up your custom nav-bar option to "simple" (Theme > Custom Navbar)

image

Hide page title

If you wanted to remove your sub-page title, you need to add an additional code on your Super site CSS setting:

/***--- FORMAT ---***/

/** your.super.site/sub-page **/
#page-sub-page .notion-header.page {
	display: none;
}

/***--- EXAMPLE ---***/

/** persona.ultr.site/works **/
#page-works .notion-header.page {
	display: none;
}
/** persona.ultr.site/set-up **/
#page-set-up .notion-header.page {
	display: none;
}

Before
Before

image