Help with CSS code for font color on blog posts

Technical Q&A
,
1

Hi there, I am trying to make all of the font black on my blog posts, but instead the titles and bulleted lists are showing up green: Introducing the Moments Collection by Perry’s Jewelry – Perry's Jewelry

Here is the CSS code I currently have:

.article-template__content p {

font-size: 20px; color: black; !important;

}

Thanks in advance

2

Hi @vcarley

You can use the following CSS to make the text black:

.article-template__content {
  --color-foreground: 0 0 0 !important;
}

For bulleted list items:

.article-template__content li {
  color: black;
}

For the share button text on top and Back to Blog link on bottom:

.article-template .link,
.article-template .share-button__button {
  color: black;
}

Thank You

3

Just a quick heads up on your original code - you have a syntax error with the !important tag.

It should be color: black !important; (no semicolon before important). If you leave the semicolon in the middle like that, the browser ignores the rule entirely.

The CSS mastroke provided above is spot on for fixing the headings and lists though.