How can I create hollow bullet points?

Store Design
, ,
1

Is there a way to create hollow bullet points ? I put it in when I edit, but it’s showing like this:

VibeLiving_0-1694143187562.png
VibeLiving_0-1694143187562.png364×131 7.86 KB

I want it to look like this:

VibeLiving_1-1694143218332.png
VibeLiving_1-1694143218332.png450×195 4.46 KB

2

hello @VibeLiving
You can add code by following these steps to change solid bullets to circle bullets

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

ul{list-style-type:circle !important;}
3

Hi, this is the only spot under theme.liquid that I see body. Is this where I put it?

VibeLiving_0-1694144746057.png
VibeLiving_0-1694144746057.png649×611 32.2 KB

4

hello @VibeLiving
paste the code at the end of file theme.liquid

5

Hello @VibeLiving :waving_hand:

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

li ul {
    list-style-type: circle !important;
}

That would make all nested lists have circle symbol at the head.