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!

insidethesquare 4/22/25 insidethesquare 4/22/25

How to create a full screen sideshow in Squarespace

Learn how to create a slideshow cover page in Squarespace with autoplaying images, text overlays, and dynamic content changes.

insidethesquare 4/15/25 insidethesquare 4/15/25

How to create two-column text in Squarespace

Learn how to create two columns of text on your Squarespace website using a simple CSS trick. This tutorial shows you how to customize spacing, make it mobile-friendly, and target specific blocks.

insidethesquare 4/15/25 insidethesquare 4/15/25

How to customize any text color in Squarespace

Learn how to customize text colors in Squarespace beyond the basic editor.

insidethesquare 4/8/25 insidethesquare 4/8/25

How to move your website header to the bottom of the screen on mobile

Transform your Squarespace mobile navigation with this simple tutorial. Learn how to create an app-like bottom navigation bar that improves user experience and keeps your menu within easy reach.

insidethesquare 4/7/25 insidethesquare 4/7/25

How to show a second image on a hover in Squarespace

This tutorial shows you how to show a second image on a hover using a combination of CSS and an on page code blocks.

insidethesquare 4/3/25 insidethesquare 4/3/25

How to style selected text in Squarespace

Did you know that you can use CSS to change the look of anything highlighted on your website? Your browser refers to it as a selection, and this tutorial is all about how to customize it.

insidethesquare 4/1/25 insidethesquare 4/1/25

How to use an image for your Squarespace header

Learn how to add custom background images to your Squarespace header with our step-by-step CSS tutorial from InsideTheSquare

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

How to customize your summary block styles with code

Transform basic Squarespace summary blocks into eye-catching displays with these 5 custom CSS tricks. Learn how to create button effects, move carousel arrows, add hover effects, and more!

insidethesquare 3/18/25 insidethesquare 3/18/25

How to customize the hyperlinks in your Squarespace text blocks

Transform boring default hyperlinks into eye-catching design elements with these 3 simple CSS tricks. Learn how to create custom-colored underlines, background highlights, and wavy effects that match your brand and enhance your Squarespace website's user experience.

insidethesquare 3/11/25 insidethesquare 3/11/25

How to create a countdown timer in Squarespace

Squarespace doesn't have a built-in countdown timer, but with this simple code snippet, you can add a fully customizable countdown to create urgency and excitement on your site!

insidethesquare 3/4/25 insidethesquare 3/4/25

How to customize your search bar & search results page in Squarespace

Transform your basic Squarespace search bar into a branded design element with simple CSS tricks. These custom codes make your website more professional and uniquely yours.