Old
/* Change the max width of the page content */
.super-content.max-width {
max-width: 1200px !important;
}
.super-content {
margin-top: 60px !important; /* You can change this number */
}
/* Remove Notion Header (Page Title, Cover and Icon)*/
.notion-header {
/*display: none !important;*/
}
#page-portfolio-projects-xlabs .notion-header, #page-portfolio-projects-odneme-my-heart-in-your-hands .notion-header, #page-portfolio-projects-white-katana-sorcerer .notion-header, #page-portfolio-projects-tsaik-pendant-drop .notion-header, #page-portfolio-projects-marc-statz-yes-hello .notion-header, #page-portfolio-projects-alkat-never-good-enough .notion-header, #page-portfolio-projects-marc-statz-catharsis .notion-header, #page-portfolio-projects-how-could-this-be-wrong .notion-header, #page-portfolio-projects-alkat-never-good-enough .notion-header, #page-portfolio-projects-2018-renders .notion-header, #page-portfolio-projects-motioncollab-4 .notion-header, #page-portfolio-projects-unreal-tournament .notion-header, #page-portfolio-projects-chinese-zodiac-collab .notion-header, #page-portfolio-projects-walkcycles-and-psychedelics .notion-header, #page-portfolio-projects-topo .notion-header, #page-portfolio-projects-mandelbulb .notion-header, #page-portfolio-projects-newlife .notion-header, #page-portfolio-projects-make-it-a-habit .notion-header, #page-portfolio-projects-motioncollab-one .notion-header, #page-portfolio-projects-senpupi .notion-header, #page-portfolio-projects-floral .notion-header {
display: block !important;
}
/* Change default background color */
:root {
--color-bg-default: #f9f9ef!important;
}
/* Change default text color */
:root {
--color-text-default: #4f4638!important;
}
.notion-embed__container>iframe {
background-color: rgba(0,0,0,0) !important;
}
/* hide page toggles */
#block-f58fcbf6dcb340899979cb1e23615f56 {
display: none !important;
}
/* callouts */
.notion-callout.border {
border: 0px solid !important;
border-radius: .5em;
color: #f9f9ef !important;
font-weight: bold;
background-color: #4f4638;
}
New
.notion-header {
position: fixed !important;
height: 100vh !important;
width: 50vw !important;
bottom: 0 !important;
margin: 0 !important;
left: auto !important;
top: 0 !important;
right: 0 !important;
}
.notion-header__cover {
max-height: 100% !important;
height: 100% !important;
}
.super-content {
position: absolute !important;
padding: 120px !important;
width: 50vw !important;
margin: 0 !important;
right: auto !important;
top: 0 !important;
left: 0 !important;
}
@media (max-width: 1020px) {
.notion-header,
.super-content {
position: relative !important;
width: 100vw !important;
}
.notion-header {
height: 420px !important;
}
}
@media (max-width: 680px) {
.super-content {
padding: 60px !important;
}
}
/* Change default background color */
:root {
--color-bg-default: #f9f9ef!important;
}
/* Change default text color */
:root {
--color-text-default: #4f4638!important;
}
.notion-embed__container>iframe {
background-color: rgba(0,0,0,0) !important;
}
/* hide page toggles */
#block-f58fcbf6dcb340899979cb1e23615f56 {
display: none !important;
}
/* callouts */
.notion-callout.border {
border: 0px solid !important;
border-radius: .5em;
color: #4f4638 !important;
font-weight: bold;
background-color: #4f46384D;
}