InsideTheSquare.co

View Original

How to customize event list titles in Squarespace

This tutorial is for both versions of Squarespace, 7.1 and older versions built with 7. For more information, visit https://insidethesquare.co/themes

This tutorial will teach you how to change the font style of your event titles in Squarespace.

We’ll be using CSS to modify the title on the event list page and the individual event itself. 

Both codes are below and they are super customizable!

In this video, you’ll learn how to change the font color, font size, and font family, but there is so much more you can do!

I want to encourage you to get creative–You can use any CSS property to change up this selector so it looks perfect for your own website design. 

Here are the selectors from the video:

Event List Page: .eventlist-title

Individual Event Page: .eventitem-title

Here is the code that I used in the video.
Be sure to get creative here and use any font and/or text property you want to!

.eventitem-title, .eventlist-title {
color:purple!important;
font-size:50px!important;
font-family:serif!important
}