How to Customize Squarespace with Code // Copy & Paste for Squarespace CSS Training

[@InsideTheSquare]

⚠ IMPORTANT CSS UPDATE ⚠ When logging into Squarespace, if you see the word "Website" at the top of your menu, you are using their new internal navigation! To edit the CSS of your Squarespace website, click on the word "Website" and scroll to the bottom of the list of pages. Here you'll see "Website Tools" - click on that option and select "Custom CSS" to open the CSS panel and add your code here. For more information, watch this tutorial: kzbin.info/www/bejne/m6atonuOqMR_Z68

[@PeteEdmunds]

Super clear - thanks ! 😊

[@InsideTheSquare]

You’re welcome! Happy to help. 😎

[@cartereducation1]

Great vids. Short! Informative, and to the point. Can you creat a KZbin type video wall with css?

[@InsideTheSquare]

Hey Jeff, I love this idea! I’ll definitely add this to my tutorial to-do list; stay tuned 😉

[@b_ank3554]

Can I customize CSS during my trial version?

[@InsideTheSquare]

Hey there! Yup! You sure can! Not all things will work, but you'll be able to get your feet decently wet during the trial. :)

[@marleyshouseofsport9068]

Really love all your tutorials. I'd be utterly lost without them! I have a niggling question no one anywhere can seem to answer. I have a page that needs to be duplicated many times for my site and reproduced in exactly the same way. One change that needs to happen again and again on the duplicate pages is with a certain piece of text I've used CSS to put a border around in a particular way. So what I've had to do is use the block ID and alter it every time in the custom CSS area for every new duplicate page. Is this how it's supposed to be done or am I being completely stupid and wasting time? I assume there is no way to copy a block so it's ID remains the same when duplicated? Is there any other way I can tell the pages in the code that I always want this CSS change made to that particular block of text.

[@InsideTheSquare]

So happy my work is helping you with your site! And no way - you are not being stupid or wasting time!! There are a thousand and one ways to code a site, and your approach is time consuming, but it works 😉 The only alternative I can think of would be to isolate with an nth-child... If that text block is always in the exact same place with the exact same number of text blocks above it, then you can use code to say "do this for the third block of text" and then you wont need the block id. Feel free to email me a link to a few example pages and I'll see if I can help you craft the perfect code! You can reach me directly - support-at-insidethesquare.co

[@azizkarami6296]

how to change the source code of my home page?

[@InsideTheSquare]

I am not quite sure what you are trying to create but I would love to help! Feel free to submit a code help request with more info here: insidethesquare.co/code-help