How to add bullet points to an archive index in Squarespace // Squarespace Code Tutorial
Just getting started with Squarespace CSS? Awesome! 😍 I want to teach you the basics for free 👉 https://insidethesquare.co/learn
---
In this tutorial, you’ll learn how to add bullet points to the list of links in an archive inde block Nin Squarespace using custom CSS. A few things to note before we get started:
⚠️ This was recorded in my Squarespace 7.1 demo site but the codes are the exact same for any version and theme.
✨ There is more than one way to do this! This is just one approach of many because code is super customizable.
⌨️ You can check out my list of unicode characters at https://insidethesquare.co/unicode
📄 You can install these on a single page using page header code injection or a code block. Here is a link to a tutorial on how to set that up: https://insidethesquare.co/singlepage
🙋 If you need any help along the way, head on over to https://insidethesquare.co/code-help to see my current support options.
Here are the code names from the tutorial:
//-- Group Name
.archive-group-name-link
//-- Archive Link
.archive-item-link
This is the code I used to add an arrow before the article links:
.archive-item-link:before {content:”→ “}
And last but not least, this code will add an arrow before the group link:
.archive-group-name-link:before {content:”→ “}
Learn about more custom styles for archive blocks at https://insidethesquare.co/squarespac...
---
🤩 The codes in this tutorial are just the beginning of all the cool things you can do with Custom CSS! When you're ready to dive in and start customizing, you can use codes from my CSS Cheat Sheet. It has over 50 pages of code snippets and pro tips to help you get started. Download your copy 👉 https://InsideTheSquare.co/css
---
🥳 Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10 ❤️
---
🙋 Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
---
---
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
---
#squarespace #squarespacetricks #squarespacehacks #squarespacetips #squarespacetutorial #squaresapcesite #squarespacedesign #learnsquarespace
