Center align blocks

This snippet makes it so that you can centrally align any blocks on your site, like the example below:

Installation instructions

Step 1: Install the snippet in Super

1. Open your site in the Super Dashboard
2. Open the ‘Code’ page
3. In the ‘CSS’ tab, paste the following snippet:
Copy

.notion-callout.bg-brown-light {
  text-align: center!important;
  background: transparent!important;
  border: 0!important;
  padding: 0px!important;
  margin: 0!important;
  justify-content: center!important;
  
  .notion-callout__content {
    margin: 0!important;
  }
}

Step 2: Create blocks in Notion

1. Create a callout block in Notion
2. Give the callout a brown background
3. Move any blocks inside the callout or create them inside it
4. Done ✨