Widgets and powerful stuff
Widgets, custom code snippets and doing things with Super that requires some experience and/or technical knowledge
21 articles
Written by Charlene Abranilla and Cam Incoll


Creating 301 redirect or URL Forwarding using Cloudflare

Written by Charlene Abranilla. Updated over a week ago
How to make the background of an embed transparent
How to change the background color of an iframe embedded on your page.
Written by Cam Incoll. Updated over a week ago
How to turn a callout into a CTA button
Adding some CSS code can turn a single line callout block link into a button.
Written by Cam Incoll. Updated over a week ago
How to restrict the number of cards shown in a gallery collection
This is a really good tip for showing only recent posts.
Written by Cam Incoll. Updated over a week ago
Hiding A Scrollbar
Hiding the scrollbar is not the best thing to do from a UX perspective, but sometimes it's what you need for your site layout.
Written by Charlene Abranilla. Updated over a week ago
How to get the Split template working with new Super Footers
Add a little snippet of CSS to get the Split Template working with Super Footers
Written by Cam Incoll. Updated over a week ago
How to open toggles by default
Toggles are closed by default in Super. Here's a script to open the toggles on page load.
Written by Cam Incoll. Updated over a week ago
How to add view switcher buttons to your Notion databases
Adding some a set of view switcher buttons is a great way to add extra interactivity to the content on your site.
Written by Charlene Abranilla. Updated over a week ago
How to connect a site to a sub folder like /blog
Redirecting to a subfolder
Written by Charlene Abranilla. Updated over a week ago
How to Do Custom Embeds on the Notion or Super page
This script from our community allows you to run embeds on a Super site where you want them, using the code block in Notion.
Written by Cam Incoll. Updated over a week ago
How to Set Dark Color Backgrounds
You can set darker colors of the Notion backgrounds using CSS variables.
Written by Charlene Abranilla. Updated over a week ago
How to set Website to Dark Mode
If the user has a system preference for dark mode this code will display your site in darker colors.
Written by Charlene Abranilla. Updated this week
How to Stop Links Opening in a New Tab
Super defaults to opening external URLs in a new tab - here's a way to change that
Written by Charlene Abranilla. Updated over a week ago
How to Make Image Wider Than Column
Sometimes it's nice to have an image appear wider than the text column. Here's some CSS to do that.
Written by Charlene Abranilla. Updated over a week ago
How to Set the Max Width

Written by Charlene Abranilla. Updated over a week ago
How to Customize the Password Page
You can style the password page and change the text prompt using some custom CSS code.
Written by Cam Incoll. Updated over a week ago
How to Reposition and Shorten the Navbar CTA on Small Screens
Sometimes the top Navbar can get a bit crowded, so on mobile devices you can reposition the CTA out of the Navbar using CSS code.
Written by Charlene Abranilla. Updated over a week ago
How to Select Subpages in CSS

Written by Charlene Abranilla. Updated over a week ago
How to Redirect URLs Using Cloudflare DNS and Page Rules

Written by Cam Incoll. Updated over a week ago
How to nest two sites and share data between them

Written by Charlene Abranilla. Updated over a week ago
How to upload your own fonts in Super

Written by Charlene Abranilla. Updated over a week ago