Website Building » Squarespace » How Do I Make My Squarespace Icon Bigger?

How Do I Make My Squarespace Icon Bigger?

Last updated on October 1, 2022 @ 6:43 am

If you’re using Squarespace to build a website, you may want to know how you can make your site’s icons bigger. By default, Squarespace sites use small icons that can be difficult to see on some devices. Fortunately, there’s a way to change the size of these icons so they’re easier to see.

To make your Squarespace icons bigger, you’ll need to add a bit of code to your site’s CSS file. This code will override the default icon size and make all of the icons on your site larger. Here’s the code you’ll need to add:

.icon {

width: 36px !important;

height: 36px !important;

}

Once you’ve added this code, save and publish your site. Your icons should now be bigger!

PRO TIP: Please be advised that making your Squarespace icon bigger may result in decreased website performance. We recommend only making this change if absolutely necessary. Thank you for your understanding.

Squarespace makes it easy to change the size of your website’s icons with just a few lines of code. This can be helpful if you want your icons to be more visible on certain devices.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.