List bullet image

Your css is all on one line and impossible to work with.

Copy all of it below the header info.
paste it here
https://flumpcakes.co.uk/css/optimiser/
Copy that output
Paste it back into your css file.

#sidebar ul {
list-style-image: url(https://www.ssdesigninteractive.com/ssdesign/wp-content/themes/ssdesigninteractive/images/bullet.gif);
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

First statement says “Use this image”
Second says “No images thanks”

Where do you want them ?

The problem is you have this:
.entry ul li:before, #sidebar ul ul li:before {
content: url(path-to-image/bullet.gif) no-repeat 0 0%;
}
and it should be:
.entry ul li:before, #sidebar ul ul li:before {
content: url(path-to-image/bullet.gif);
}

Thanks for picking up this error.

Removing “no-repeat 0 0%” solved my problem ??

Thanks to everyone, also the CSS optimizer tool is great.