Hi there,
you have several lists on your page – some of which have different styles.
You would therefore need to add a class to the Lists you want to make that change to.
1. Add this CSS:
ul.square-bullet {
margin-left: 0px;
padding-left: 0px;
}
ul.square-bullet>li {
position: relative;
margin: 0px 0px 10px 0px;
list-style: none;
}
ul.square-bullet>li:before {
content: '';
position: absolute;
left: -30px;
top: 15px;
width: 10px;
height: 10px;
background-color: #f00;
}
2. Then edit the List in Text ( HTML ) view and give the list a class of square-bullet
eg.
<ul class="square-bullet">
<li>Your list elements here</li>
<li>Your list elements here</li>
<li>Your list elements here</li>
</ul>