FREE SQUARESPACE TUTORIALS
Learn how to customize Squarespace with CSS
Welcome to my collection of free Squarespace css tutorial videos here InsideTheSquare!
Browse by category below, or search for exactly what you need.
BROWSE BY CATEGORY
- Tablet
- Version 7
- Version 7.1
- accordion
- alert
- align
- animation
- announcement bar
- archive
- audio
- background
- backgrounds
- blocks
- blog
- blur
- border
- borders
- button
- button styles
- buttons
- calendar
- caption
- cart
- chart
- checkout
- collection
- collection page
- color
- colors
- content
- cookie
- cookie alert
- countdown
- countdown timer
- course
- css
- custom
- date
- design
- desktop
- digital product
- divider
- donation
- donation block
- dropdown
- e-commerce
- elfsight
- embed
- event
- events
Brand new to custom CSS?
How to create a two line gallery caption
In this tutorial, you’ll learn how to use custom CSS to create two-line image descriptions in your gallery section.
How to customize the colors of a Squarespace image lightbox
In this tutorial, you’ll learn how to use custom CSS to change the color of the lightbox for image blocks and galley sections on a Squarespace website.
How to create horizontal scrolling images in Squarespace
With a gallery section and some clever custom CSS, you can make an eye-catching horizontally scrolling set of images in Squarespace!
How To Change The Size Of A Squarespace Gallery Section On Mobile
In this tutorial, you’ll learn how to use CSS to change the size of gallery sections on smaller screens.
How to change the color of the header button on a hover
This tutorial will teach you how to change the color of the header button on a hover in Squarespace 7.1
How to add a watermark to gallery images in Squarespace
This tutorial will teach you how to add a custom watermark overlay to gallery images in Squarespace 7.1
How to customize gallery captions in Squarespace 7.1
In this tutorial you’ll learn how to customize the gallery captions in Squarespace 7.1