Add Custom Classes to Any Canvas

You can now add your own custom class to any canvas in Showit, giving you a more reliable way to target that canvas with custom CSS, scripts, and other custom code.

Instead of relying on the automated classes created by Showit, you can choose a class name that makes sense for your design and use it consistently in your code.

More Control Over Your Customizations

When you select a canvas, you’ll now find an option to add a custom class within the canvas settings.

For example, you could add a class like:

featured-services

Then target that canvas in your custom code using:

.featured-services

This gives your custom code a clear, dependable target. It also makes it easier to understand what your code is connected to when you return to your site later.

You can use custom classes on canvases alongside the classes already available for individual layers and groups, giving you more flexibility in how you build and organize advanced customizations.

Built for More Reliable Custom Code

Showit automatically creates classes behind the scenes as your website is published. Those classes are primarily built to help Showit display your design, so they may change as the platform evolves.

A custom class gives you a name that you control. That makes it a better option when you need to connect custom CSS, scripts, or other code to a specific part of your design.

This update also helps prepare customizations for Publish Engine v2, which our designer community is currently beta testing. We’re hopeful to release it later this summer with improvements to page loading, accessibility, publishing speed, and the HTML structure of Showit websites.

How to Add a Class to a Canvas

1. Select the canvas you want to target.
2. Open the canvas settings.
3. Add your class name in the custom class field.

Once it’s added, you can reference that class in your custom code.

Custom canvas classes are available now in Showit, giving you one more way to create flexible, dependable customizations for your website.