Isaac Starobin

Amy Gracer Amy Gracer

Thanks for taking a look! Unfortunately this looks like it's beyond my very limited CSS capabilities. If you have any ideas, I'm all ears!

I'm trying to customize the numbers in ordered lists so they have pretty circled backgrounds. I started with this CSS:

.article-body ol {list-style: none; counter-reset: li}
li::before {content: counter(li); color: red;
  display: inline-block; width: 1em;
  margin-left: -1em}
li {counter-increment: li}

It did indeed format the numbers, but it also added numbers to some very strange places around the article page, like the social icons on the bottom.

Any ideas how to modify the CSS so that it applies ONLY to ordered lists within the article body?

Thanks!