How to Round Shape Block Corners on Squarespace

Rounding the corners of shape blocks on Squarespace is a quick and easy way to enhance the visual appeal of your website while improving the user interface. In this guide, we'll walk you through the steps to achieve rounded corners effortlessly.

Watch the Video

Check out the YouTube video below 👇

Why Round Corners?

Adding rounded corners to your shape blocks can significantly elevate the overall look of your Squarespace website. Not only does it give a more polished and professional appearance, but it also enhances the user experience, making your site more visually appealing and engaging.

Step-by-Step Guide:

1. Adding a Shape Block: Start by adding a shape block to your Squarespace page. Simply click "Add Block" and select the shape block option. Adjust the size of the block according to your preferences.

2. Adjusting Corner Radius: Double click on the shape block to access the settings. Look for the option to input the pixel (PX) value for the corners. By default, the corners are set to have straight edges. Enter your desired PX value to round the corners. For example, typing '20' will create rounded corners with a radius of 20 pixels.

3. Customization: Experiment with different PX values to achieve the desired level of roundness. The higher the number, the rounder the corners will appear. You can also customize individual corners by inputting specific values. For instance, '50 50 0 0' will round only the top right and left corners.

4. Preview and Adjustment: Preview the changes as you adjust the corner radius to ensure it matches your design preferences. Feel free to play around with different values until you achieve the perfect look for your website.

Here's an example of how rounded corners can enhance the visual appeal of your website:

Rounding the corners of shape blocks on Squarespace is a simple yet effective way to improve the overall aesthetics and user experience of your website. By following these easy steps, you can create a more polished and professional look that will leave a lasting impression on your visitors.

Your Designer

I’m Wesley, a Squarespace website designer. I’ve created amazing websites for multiple clients across different industries from Education sites to Wellness brands to Accounting Firms. If you’re looking for a website and want to discuss a potential project, email me at wesley@websleydesign.com. You can also schedule a free 15-minute consultation call