Aligning Lists

I have used some custom CSS to add color to list markers. I have also added some custom CSS to use a Unicode symbol in unordered lists.

The UL works fine, but if you scroll down a little bit on the page below, the OL does not align with it, despite (I believe) having the same settings.

Can anyone help me with where I went wrong and what to do?

My custom CSS code was:

/*Unordered List Formatting*/
ul {
  list-style: none; /* Remove default bullets */
}
.entry-content ul li::before {content: "\2BC8"; color: #009999; 
  display: inline-block; width: 1.5em;
  margin-left: -1em}

/* Ordered List Formatting*/
ol li {
  counter-increment: list; list-style-type: none; position: relative;
}
ol li:before {
  color: #009999; content: counter(list) "."; width: 1.5em; margin-left: -1em; text-align: right; 
}

• This topic was modified 5 years, 3 months ago by shaunkillian.
• This topic was modified 5 years, 3 months ago by shaunkillian.

The page I need help with: [log in to see the link]