insidethesquare 7/22/25 insidethesquare 7/22/25

How to Customize the Add to Cart Button in Squarespace

Learn how to change the color, shape, size, and text of your Add to Cart button in Squarespace using custom CSS. Perfect for ecommerce design customization!

insidethesquare 7/22/25 insidethesquare 7/22/25

How to customize your add on product style in Squarespace

Learn how to style product add-ons on your Squarespace product pages using custom CSS. This step-by-step tutorial shows you how to edit borders, buttons, fonts, and more.

insidethesquare 7/15/25 insidethesquare 7/15/25

How to Add a Background Image to Buttons in Squarespace

Learn how to use custom CSS to add a background image to any button on your Squarespace site. Apply it to all buttons, specific types, or one section.

insidethesquare 7/8/25 insidethesquare 7/8/25

How To Customize Mobile Menu Arrows in Squarespace

Learn how to customize or remove the folder arrows in your Squarespace mobile menu using CSS. This tutorial covers color changes, size adjustments, and how to use your own icons.

insidethesquare 7/8/25 insidethesquare 7/8/25

How To Add A Background Image to Your Squarespace Mobile Menu

Learn how to customize your Squarespace mobile menu with a background image using simple CSS. Follow this step-by-step tutorial to add an image, adjust its position, and create a sleek mobile design.

insidethesquare 7/1/25 insidethesquare 7/1/25

How to Add Text Shadow in Squarespace

Learn how to add and customize text shadows in Squarespace using CSS. This step-by-step tutorial shows you how to change shadow color, blur, and positioning, plus how to target individual blocks or words. Perfect for Squarespacers who want a bold, custom look.

insidethesquare 7/1/25 insidethesquare 7/1/25

How to create gradient text in Squarespace

Learn how to create stunning gradient text in Squarespace using CSS. This step-by-step tutorial includes the exact code, how to target specific blocks, and bonus design tips.

insidethesquare 7/1/25 insidethesquare 7/1/25

How to create a text outline in Squarespace

Learn how to create outlined text on your Squarespace site using custom CSS. This tutorial covers block targeting, color and opacity customization, and styling part of a sentence.

insidethesquare 6/24/25 insidethesquare 6/24/25

How to create gradient backgrounds in Squarespace

Learn how to create a full-page or section-specific gradient background in Squarespace using custom CSS. This tutorial includes a free gradient guide, helpful code snippets, and a Chrome extension for customizing specific sections.

insidethesquare 6/24/25 insidethesquare 6/24/25

How to create gradient buttons in Squarespace

Learn how to add a gradient background to buttons in Squarespace using simple CSS. This tutorial covers targeting all buttons or individual elements with block or section IDs.

insidethesquare 6/17/25 insidethesquare 6/17/25

How to Create Apple’s Liquid Glass in Squarespace

Learn how to recreate an effect similar to Apple’s Liquid Glass on your Squarespace website using CSS. This tutorial shows you how to add blur and opacity styling to blocks, lists, and dropdown folders.

insidethesquare 6/10/25 insidethesquare 6/10/25

How To Customize Bullet Points in Squarespace

Are you tired of using those same boring bullet points on your Squarespace website? Have you ever wished that customizing them was as easy as changing font color, style and something a little more unique than a dot? Well, now it is!

insidethesquare 6/3/25 insidethesquare 6/3/25

How to create accordion subtitles in Squarespace

Learn how to add a second line of text to accordion titles in Squarespace with this step-by-step CSS tutorial. Customize each title individually using block IDs and styling tips.

insidethesquare 5/27/25 insidethesquare 5/27/25

How to customize dropdown icons in Squarespace

Learn how to change the color, shape, and style of dropdown icons in Squarespace 7.1. This tutorial walks you through the CSS you need to fully customize these new navigation features.

insidethesquare 5/20/25 insidethesquare 5/20/25

How to customize gallery arrows in Squarespace

This tutorial shows you how to change the color of the gallery arrows on image slideshows in Squarespace 7.1

insidethesquare 5/13/25 insidethesquare 5/13/25

How to create a vertical line in Squarespace

Learn how to add vertical lines in Squarespace using CSS. This tutorial covers 3 easy methods for shape blocks, list items, and the classic editor, plus mobile tips and code snippets.

insidethesquare 5/6/25 insidethesquare 5/6/25

How to Change Mobile Font Size in Squarespace

Learn how to use custom CSS to change font sizes on mobile in Squarespace—including headings, paragraphs, and even specific content blocks—with easy-to-follow tips and free code snippets.

insidethesquare 4/29/25 insidethesquare 4/29/25

How to Customize Your Gallery Caption Style

Learn how to customize gallery captions in Squarespace using CSS! This step-by-step tutorial covers font styles, spacing, colors, and mobile-friendly formatting.

insidethesquare 4/29/25 insidethesquare 4/29/25

How to Add a Zoom Hover Effect to Squarespace Images

Learn how to create a stylish zoom-in hover effect for Squarespace image blocks using CSS. Includes customization tips and how to apply the effect to list sections, too!