How to change color of bullet points

To change color of bullet points in Squarespace, you can use below CSS code.

#1. All Pages

You can use this code to Custom CSS box

ul li p::before {
    color: #f1f !important
}

#2. One Page

First, you need to find Page ID. Use this tool. In my example, it is:

  • #collection-6677756d03a4f15ba27ce9d8

Next, Use this CSS code

#collection-6677756d03a4f15ba27ce9d8 ul li p::before {
    color: #f1f !important
}

#3. Specific Text Block

First, you need to find Text Block ID. Use #2 tool. In my example, it is:

  • #block-yui_3_17_2_1_1713756430090_32812

Next, use this CSS code

#block-yui_3_17_2_1_1713756430090_32812 ul li p::before {
    color: #f1f !important
}
1 Like