(Dawn) How to replace bullet points with icons

[friendlyrobot19]

How it currently looks:

 How I would like it to look:

 

Store link: https://95d536-88.myshopify.com/         

Store keycode: www

[BSS-TekLabs · Accepted solution]

Hi @friendlyrobot19,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes. (Please update the image URL for each item element. Also, the images have to have an appropriate size)

#ImageWithText--template--22931988840743__image_with_text_9TDFXU ul li:nth-child(1) {
    list-style-image: url("https://cdn-icons-png.flaticon.com/16/6156/6156735.png");
}
#ImageWithText--template--22931988840743__image_with_text_9TDFXU ul li:nth-child(2) {
    list-style-image: url("https://cdn-icons-png.flaticon.com/16/4849/4849461.png");
}
#ImageWithText--template--22931988840743__image_with_text_9TDFXU ul li:nth-child(3) {
    list-style-image: url("https://cdn-icons-png.flaticon.com/16/6156/6156735.png");
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[friendlyrobot19]

Thanks