How Do I Add a Temporary Banner to Squarespace?

Adding a banner to your Squarespace website is a great way to promote a sale or event. There are two ways to add a banner to your site: using the Banners app or by adding code to your site’s CSS.

The Banners app is the easiest way to add a banner to your Squarespace site. To use the app, simply select the ‘Add Banner’ option from the ‘Settings’ menu and then upload your banner image. You can then position the banner on your site using the ‘Position’ options.

If you want to add a banner to your Squarespace site using code, you’ll need to add the following code to your site’s CSS:

.banner {
background-image: url(https://example.com/banner.jpg);
background-position: center;
background-size: cover;
height: 200px;
}

You can then position the banner on your site by adding the ‘banner’ class to any container element on your page. For example, if you wanted to add a banner to your site’s header, you would add the following code to your header’s HTML:

If you want to learn more about adding banners to Squarespace sites, be sure to check out our support documentation.

,

Adding a temporary banner to Squarespace is easy and only takes a few minutes! The Banners app is the easiest way to add a banner – simply select ‘Add Banner’ from the Settings menu and upload your image.

You can then position the banner using the Position options. If you want to add a banner using code, simply add the following code to your CSS: .banner { background-image: url(https://example.jpg); background-position: center; background-size: cover; height: 200px; } You can then position the banner by adding the ‘banner’ class to any container element on your page, such as your header. For more information on adding banners to Squarespace, check out our support documentation.