PHS

    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

    — @abielzulio

    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