Featured Posts

The Styled Square Browser Icon

Featured Posts

The Styled Square Browser Icon
Join The Styled Square Newsletter

Subscribe:
New Tutorials
Every Month

Expect only the good stuff: occasional updates with our latest resources, exciting news, and upcoming products.

Blog: Free Resources
The Styled Square Browser Icon

Free Resources



Free Resources

The Styled Square Browser Icon

Flodesk Welcome Sequence Email Templates

The Styled Square Free Resources

Search

What do you want to learn today?

By Category:

SAVE 10% ON YOUR SQUARESPACE SUBSCRIPTION WITH DISCOUNT CODE STYLEDSQUARE10

All Posts

Mobile Editing The Styled Square Mobile Editing The Styled Square

How to center text on mobile devices in Squarespace 7.1 using CSS

In this guide, we’ll show you how to easily center text on mobile devices only, using simple CSS in Squarespace 7.1. This targeted solution helps you maintain a clean, mobile-friendly design without affecting your desktop layout. By the end, you'll have the tools to create a responsive, well-aligned website that adapts seamlessly to different screen sizes.

In this post, we’ll walk you through three options for centering text on mobile: 1) Center a single text block 2) Center text sitewide 3) Center text in the footer

Read More
Mobile Editing, Business Tips The Styled Square Mobile Editing, Business Tips The Styled Square

How to create a transparent header navigation bar on one page only (Squarespace 7.1)

Squarespace includes many built-in options for your header/navigation bar, however these options are universal — meaning they are applied site wide. Implementing a transparent navigation on a webpage can be a design choice that serves both aesthetic and functional purposes. In this simple yet impactful tutorial we walk you through how to add a transparent navigation to select pages of your website.

Read More