Featured Posts
Website Customization
How to Add a Hamburger Menu to Your Squarespace 7.1 Desktop Site →
Website Customization
How to Create a Split Navigation in Squarespace 7.1 With CSS →
Website Customization
3 Image Hover Effect Styles to Elevate Your Squarespace 7.1 Website →
Website Customization
Featured Posts
Website Customization
How to Add a Hamburger Menu to Your Squarespace 7.1 Desktop Site →
Website Customization
How to Create a Split Navigation in Squarespace 7.1 With CSS →
Website Customization
3 Image Hover Effect Styles to Elevate Your Squarespace 7.1 Website →
Website Customization
Subscribe:
New Tutorials
Every Month
Expect only the good stuff: occasional updates with our latest resources, exciting news, and upcoming products.
Free Resources
Flodesk Welcome Sequence Email Templates
Squarespace Basics
Most Read
How to Add Custom Fonts to Squarespace With CSS (7.0 & 7.1)
How to Hide Elements in Mobile View in Squarespace 7.1
How to Create a Rotating Hero Banner With Squarespace Auto Layout (No Code Needed!)
4 Navigation Link Hover Effects for Your Squarespace 7.1 Website
How to Add a Gradient Background to a Section With CSS (Squarespace 7.1)
Search
What do you want to learn today?
By Category:
SAVE 10% ON YOUR SQUARESPACE SUBSCRIPTION WITH DISCOUNT CODE STYLEDSQUARE10
All Posts
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
How to center buttons on mobile with CSS (Squarespace 7.1)
Centering buttons on mobile devices is a simple yet powerful way to enhance the visual appeal and user experience of your Squarespace 7.1 website. Well-positioned buttons not only improve accessibility but also make your calls-to-action more prominent, encouraging visitors to take the next step.
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.
How to add a custom font to Squarespace 7.1 newsletter block
In this tutorial, we share a step-by-step guide to add custom fonts to your newsletter block. This tutorial will outline how to update the Newsletter Block heading, paragraph and name/email field and button to a custom font.