Using Aether

Aether comes with some additional custom features

Navigation sidebar

The new version of Aether now uses Super’s native sidebar menu. You can enable it by going to Site > Navigation > Sidebar and enabling it. Then you can add your pages and links by going to Site > Navigation > Manage menu items.

Right sidebar

The right hand sidebar, by default features a table of contents so users can navigate your pages with ease. The table of contents is wrapped in a synced block so when you modify the content inside it will update throughout your site. You can also delete the column, it would not break the template layout.

Primary color

You can easily switch the primary color of the Aether template to suite your needs. To change it, head to your site settings (cog icon), into the 'Code' page and inside the 'CSS' tab, simply paste the snippet below and update the HEX color code to your liking. The primary color acts like an accent color and appears in places like code syntax.

:root {
	—-color-primary: #1ca0f1 !important;
}

Call to action button

Aether has an additional feature that lets you turn a link into a call to action button, check out the example below.

Call to action button

For a link to become a button it must be a single bold text block on its own line with a link. You can customise the appearance of the button using the code snippet below. To change it, head to your site settings (cog icon), into the 'Code' page and inside the 'CSS' tab, simply paste the snippet below and update the values to your liking. This will also affect the styles of the Navbar call to action button.

:root {
	--cta-color-text: #FFFFFF!important;
	--cta-color-bg: #1CA0F2!important;
	--cta-padding: 12px 22px!important;
  --cta-border-radius: 50px!important;
}

Adding columns inside columns

You can now add multiple column blocks to Notion by using the Advanced blocks for multiple columns; type /2 columns in Notion to add two columns.

Adding new pages

Adding new pages in Aether is easy. Inside the Control panel toggle block on the home page of Aether in Notion is a Create page button. Click this button to generate a new page using the Aether template. This template page automatically has the correct layout.

Content navigation footer

The content navigation footer is an optional section that you can see at the bottom of this section and it features two large buttons to help users navigate to the previous or next page. The links must be added manually and will only work correctly if it is placed at the very bottom of the center content column. To add this navigation footer to a page, head inside the Control panel toggle block on the home page of Aether in Notion and into the tools page. Inside is a 'Navigation footer' template button that you can copy and paste into your other pages and simply click it to create a navigation footer.

On this page

• Using Aether
• Navigation sidebar
• Right sidebar
• Primary color
• Call to action button
• Adding columns inside columns
• Adding new pages
• Content navigation footer