Coding 101: Beginners Guide to CSS in Squarespace

As a Squarespace Website Designer, you will have probably come across a situation where you wanted to change the style of something but there was no option available in the Squarespace Editor. This is where CSS comes in.

CSS stands for Cascading Style Sheet and is the coding language that applies style to your website. But have no fear, CSS is arguably the easiest coding language to use.

In this video, I will go over the basics of CSS and how to use it to fully customize in Squarespace.

 
 

One Section in Squarespace 7.1

#COLLECTIONID #page .page-section:nth-of-type(1)
 

Media Query

@media only screen and (max-width:640px){
CODE GOES HERE
}
 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Reorder Sections on Mobile | Squarespace 7.1

Next
Next

First thing I do when designing a client’s Squarespace Website…