Docs

[Naturalife]

Hello,

I was wondering if there was any way to globally change the bullet points to a fontawesome icon and change the color to green.

In essence, I want to change my posts’ (articles’) bullet points to be a green leaf instead of black dots. I know this can be done with VC but that tends to get quite messy and consumes more time.

Any help would be greatly appreciated!

Website: naturalife.org

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your child theme’s style.css file:

ul, ol {
  list-style: none;
  padding: 0;
}
li {
  padding-left: 1.3em;
}
li:before {
  content: "\f06c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

Let us know how this goes!

[Author]

Posts