How to Add Custom Bullet Points to Your Squarespace Site: A Fun Guide

Let’s be real—Squarespace is like the cool, artsy friend of website builders. It’s sleek, stylish, and easy to use. But sometimes, you want to jazz things up a little more. One easy way? Custom bullet points! Whether you’re creating a list of your favorite avocado toast toppings or showcasing your services, ditch the boring dots and give your list some personality. Here’s how to do it.

Step 1: Pick Your Bullet Style

First, decide what vibe you’re going for. Are you feeling playful? Elegant? Quirky? Your bullet points could be anything:

✦ Hearts
✦ Stars
✦ Emojis
✦ Mini Icons

Don’t settle for “meh” when you can go “WOW!”

Step 2: Find Your Perfect Icons

If emojis aren’t your thing (shocking, but okay), search for small icons or images that match your style. You can grab free icons from sites like Flaticon or Icons8. Download your chosen icons in a web-friendly format like PNG or SVG.

Pro Tip: Keep your icons small—think bite-sized snacks, not a three-course meal.

Step 3: Upload Your Icons to Squarespace

Now, it’s time to introduce your custom bullets to your Squarespace site:

  1. Head to Design > Custom CSS in your Squarespace dashboard.

  2. Scroll to the bottom and click Manage Custom Files.

  3. Upload your cute little icons here.

Squarespace will give you a URL for each icon—copy that URL because you’ll need it for the next step!

Step 4: Add the Magic Code

Don’t worry—this is easier than it sounds. Paste this code into the Custom CSS editor:

ul li {

list-style: none;

margin-left: 20px; /* Adjust spacing */

padding-left: 40px; /* Adjust padding */

background: url("YOUR-ICON-URL-HERE") no-repeat left center;

background-size: 20px 20px; /* Adjust size */ }

Replace "YOUR-ICON-URL-HERE" with the URL of your uploaded icon. Hit save, and voilà! Your boring bullet points are now dazzling little icons.

Step 5: Adjust and Fine-Tune

If your bullets look too big, too small, or just not quite right, tweak the background-size, margin-left, and padding-left values in the code. Play around until it looks perfect.

Step 6: Flaunt Your Fabulous List

Congratulations—you’ve officially leveled up your Squarespace site! Your custom bullet points are the cherry on top of your web design sundae.

Go ahead, show off that list of services, favorite books, or reasons why your dog is the cutest. Because now, every bullet point has its own personality—just like you!

Have fun customizing, and remember: in the world of web design, details make the difference. Now go forth and conquer Squarespace, one fabulous bullet point at a time!