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 4 years, 5 months ago by shaunkillian.
-
This topic was modified 4 years, 5 months ago by shaunkillian.
The page I need help with: [log in to see the link]