Custom Bullet Points

---

A simple bit of code that allows you to match the bullet points used in your site to the brand colours.

STEP 1

Copy and paste the below code into the Custom CSS

/* CUSTOM BULLETS */
ul[data-rte-list] li>*:first-child::before {
content: "\25CF";
font-weight: 100;
color: #eb1d8e;
}

Just amend the hex ‘color’ value. Currently #eb1d8e. Remember you need the semicolon after.

---

For those who are new to this. You can add custom CSS to Squarespace to tweak the layout and add extra functionality. No coding experience needed , just copy and paste into the Custom CSS area which lives under the Pages > Website Tools area.

---

That’s all there is to it.