How to Customize List Item Symbols in Squarespace with CSS - Custom Bullet Points Tutorial

preview_player
Показать описание
Looking to give your Squarespace lists a little more flair? In this updated tutorial, you’ll learn how to style the icons that appear next to list items, changing the symbol, customizing the color, and even creating unique designs for multi-level lists.

This is a refreshed version of one of my most popular tutorials from 2021, and it’s fully updated to match the latest Squarespace features. Whether you're building a feature list, outlining details, or just want a more branded design, these quick code tips will help you do it in style.

Important Chapters:
00:11 Replacing default bullet points with custom symbols
00:31 Adding CSS in Squarespace
01:00 Unicode symbol resource + font compatibility tips
01:51 Styling second- and third-level bullet points
02:28 Assigning different symbols to each level
02:31 Changing bullet point colors with CSS
03:09 How to target specific blocks using Block ID
03:50 Chrome extension to find Block ID
04:18 Final tips + saving your CSS changes

🙋‍♀️ Have a Squarespace question? Drop it in the comments below! I love hearing from you and helping you make your website uniquely yours! ✨
- - -
- - -
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 ♥ #squarespacecss #custombulletpoints #squarespacetutorial #squarespacetips #webdesignbasics #unicodecss #liststyling #squarespacedesign #cssforsquarespace #customcode
Рекомендации по теме
Комментарии
Автор

Since I finished my site I have not done much research on working with Squarespace. I do try to keep tweaking my site and adding new content... I miss watching your tutorials and your friendly informative approach.. Thanks

joeldwolf
Автор

Another good tutorial—thank you! I'm wondering if you've ever done a tutorial on how to add breadcrumb navigation to a website. For larger sites that would be very helpful.

MavenMaude
Автор

how do you edit a current webiste with the squarespace ai tools. All the tutorials I see show starting a new website but not editing a current one

waylandtp
welcome to shbcf.ru