Lift Tweaks and Customization Guide
- Lift Tweaks and Customization Guide
- Here's a quick overview of what you can do with Lift to adjust it to your purposes.
- Native (Provided by Super)
- Custom Codes
- Hide Page Link Module
- Hide Page Link Icon
- Change Global Border Radius
- Change Desktop Page Width
- Left-Align Quote Contents
- Change Global Font Size
- Hide Column Header for Board Database
- Show Database Name
- Hide Icon on Database Card
- Show Page Title
- Hide Page Icon
- Tweak Dividers
- Hide Dividers
Here's a quick overview of what you can do with Lift to adjust it to your purposes.
Native (Provided by Super)
Native tweaks can be easily performed in your Super admin and don't affect further changes you're planning to make.
Change Font
Super → Theme → Custom Font
Switch Color Scheme
Super → Theme → Color Theme
Show Page Properties
Super → Options → Page Properties
Enable Search
Super → Options → Site Search
Custom Codes
💡
All custom codes are being placed to Super → Code → CSS
Hide Page Link Module
.notion-page {
display: none!important;
}
Hide Page Link Icon
.notion-page__icon {
display: none!important;
}
Change Global Border Radius
:root {
--lift-radius: 0px!important;
}
/* Change "0" value with the one you want to use. */
Change Desktop Page Width
:root {
--lift-width: 960px!important;
}
/* Change "960" value with the one you want to use */
Left-Align Quote Contents
.notion-quote {
text-align: left!important;
align-items: stretch!important;
}
Change Global Font Size
Global font size depends on body size and scales according that value.
:root {
--body-font: 20px!important;
}
/* Change "20" value with the one you want to use */
Hide Column Header for Board Database
.notion-collection-board__column-header {
display: none!important;
}
Show Database Name
.notion-collection__header-wrapper {
display: block!important;
}
Hide Icon on Database Card
.notion-property__title .notion-property__title__icon-wrapper {
display: none!important;
}
Show Page Title
.notion-header__title {
display: block!important;
}
Hide Page Icon
.notion-header__icon-wrapper {
display: none!important;
}
Tweak Dividers
.notion-divider {
margin: 4em 0!important;
}
- Change 4em parameter to adjust the divider's height
- Change colors in your Super Theme settings
Hide Dividers
.notion-divider {
border: none!important;
}
Get three Super templates with 50% discount
Expand your publishing possibilities by getting Lift, Kraft, and Ult half the price