Using Site Styles like a Pro
If you can avoid using Custom CSS, I say do it! This way your client can customize whatever they want when youâre long gone. Thatâs the whole point right? Below are the steps I take to determine whether or not I need to add Custom CSS.
1. Check Site Styles
This one is obvious, but just make sure. đ
Mobile is a bit trickier (and fussier). TIP : If you want to customize the nav, I find that I have to leave the Site Styles, open the nav, and then go back into the Site Styles.
2. Use DevTools
Sometimes the Site Styles selector doesnât work, so I use the Developer Tool (DevTools) to see what the class name was called. Typically this is how Squarespace describes it in Site Styles and Support.
Open the Developer Tool (CMD SHIFT C) and select the element. In this example, this class is called "Product Details Product Titleâ.
Check Site Styles for an element with a similar name (see creenshot).
This class is called "Product Details Product Titleâ.
3. Check support.squarespace.com
One more check!
Google âsite:https://support.squarespace.com Product Details Product Titleâ. Using site: only searches within that website. Check the blog post to make sure and if you want to be super sure, you can always chat with Customer Support. I literally have this link as a bookmark. When I was first starting, I would chat with them almost every day!
Alrighty, if itâs not there, itâs not there! At this point, you can confidently add it to Custom CSS.