For unordered lists you would need to do this:
.entry-content ul li {
list-style: none;
position: relative;
}
.entry-content ul li:before {
content: "";
position: absolute;
left: -1.5em;
top: 0.25em;
/* Adjust according to width and height */
width: 10px;
/* Change size */
height: 10px;
/* Match width */
background-color: red;
/* Set color */
border-radius: 50%;
}
Ordered lists are a little more complicated and would require this:
.entry-content ol {
list-style: none;
position: relative;
counter-reset: custom-counter;
}
.entry-content ol li {
counter-increment: custom-counter;
}
.entry-content ol li::before {
content: counter(custom-counter);
color: red; /* Change color */
font-size: 18px; /* Set font size */
line-height: 18px; /* Adjust for alignment */
position: absolute;
left: -1.5em;
}