Custom CSS for Sections in Squarespace 7.1

Index pages are a thing of the past in Squarespace 7.1. We must learn how to use sections. While I like the idea of sections better than pages under an index – the custom CSS is much harder to navigate.

In this video, I’ll show you how to go about making custom css edits to a particular section.

==========
Enhance your website – Shop the Plugin Store
https://www.will-myers.com/products

Grow Your Skillset – Learn CSS for Squarespace Course
https://www.will-myers.com/learn-css-in-squarespace
==========

Here is the code used in the video:

#collection-5d9f20f82fe40301d460545c{
section:nth-of-type(1){
h2{
/*CSS Styles Here*/
}
}
section:nth-of-type(2){
h2{
/*CSS Styles Here*/
}
}
}

/* OR */

[data-section-id=”make-it-yours”]{
h2{
/*CSS Styles Here*/
}
}

You May Also Like