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