In this tutorial, you’ll learn how to use custom CSS (Cascading Style Sheet) code to create unique style changes that will happen when someone hovers their cursor over a project thumbnail image on a portfolio grid on your Squarespace website.

We’ll create text effects and image filter ideas that you can customize to make your portfolio grid uniquely yours.✨

In this tutorial, you’ll learn how to customize the look of a project thumbnail inside a grid portfolio in Squarespace. You’’ learn how to change the shape, give it a border, and even add a simple hover effect with a shadow!

In this tutorial, you’ll learn how to use some super simple code to make sure your Squarespace project titles are visible on smaller screens.

In this tutorial you’ll learn how to use a block ID to change the background color of a single button in Squarespace 7.1

In this tutorial you’ll learn how to separate a few blocks of text with a small border. On the desktop version of the site, these blocks of text will be separated with vertical lines. On the mobile version, we’ll switch that up to horizontal lines.

Pagination is the text at the bottom of a project that displays the title of the previous and next articles along with big arrow icons. This tutorial will teach you how to hide the pagination on a project in Squarespace 7.1