Ult Installation Guide
Thank you for purchasing Ult!
Here's a quick guide of how to install Lift theme and start using it with no resistance. Note that you should have both Notion and Super accounts ready. Have Fun!
1. Create a Super site
Duplicate Notion Template:
Share Your Notion Page and Connect it to Super
Check this video guide from Super Team
2. Install Ult Essentials
Paste this code in Site Settings > Code > HTML Head
<link rel="stylesheet" href="https://stfn.co/ult/ult.css">3. Pick a theme
It will take about 10 minutes to install the theme but every parameter of it would be unlocked for your own cunstomization. Take your time, grab some tea and have fun decorating your new website.
4 (Optional). Frosted Glass header
To achieve the frosted glass header effect, paste the code below to your Super Site > Code > CSS
5 (Optional). Alternative Cover Style
You can change the cover image style by pasting the code below to your Super Site > Code > CSS
Shaded
No code needed, this style comes by default
Fullscreen
.notion-header {
margin: calc(0px - var(--navbar-height) - 2em) auto 0!important;
max-width: 100%!important;
box-shadow: none!important;
}
.notion-header img {
opacity:100%!important;
}Block
/* Header Block*/
.notion-header {
margin: 0 auto!important;
max-width: var(--layout-max-width)!important;
box-shadow: none!important;
border-radius: var(--border-radii-layout)!important;
overflow: hidden!important;
width: calc(100% - var(--column-spacing))!important;
}
.notion-header img {
opacity:100%!important;
}CSS
You can get CSS file to see how if works or store on your own hosting
Feel free to ask any question at hello@stfn.co. Let's be in touch!