Text grey want it darker

Hi Retha,
try this snippet of CSS in your custom CSS editor or child theme’s style.css file:

body {
  color: #000;
}

This would make black the global text color for your website. However, if some more specific CSS rules are applied to bits of content, these will override the body rule. Therefore, if the above doesn’t work, simply post a link to your website specifying what bits of text you’d like to modify the color for, e.g., headings, body copy, links, etc., and it’ll be easier to help you.

– Maria Antonietta

Hi Maria Antonietta,
Thanks for replying.
I tried your suggestion, but it didn’t change the color.
I would like to change all text in the posts, pages, sidebar, etc. In other words the whole websites text to a darker, more readable color. ??
Thanks
Retha

Hi Retha, could you post a link to your website? This would give me some idea of what interferes with the general CSS rule I gave you above. CSS acts as a cascade: the latest rules override the previous rules and specific selectors override general selectors.

Thanks ??

I have the issue. The grey is too light and hard to read. How can I get a darker color?
This is the link to my blog.

Thanks for helping out!
https://babyatthecity.org/

Change

body {
  color: #000;
}

to

body {
  color: #000 !important;
}

The !important overrides all other css.
I couldn’t have inverted the colors on my website Maverick Youth without having used !important.

It is better if you put

.main-entry-title {
  color: #000 !important;
}

so that you don’t change the color of the footer.

I did it, but didn’t work.

This is what I did:

body
.main-entry-title {
color: #000 !important;
}
button,
input,
select,
textarea {
color: #000 !important;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}

Hi Babyatthecity,

You also need to target the links, starting from the general links:

a {
  color: #000;
}

And then by targeting more specific links, for example

#site-navigation a {
    color: #000;
}

Go through the elements you’d like to change the color to and target them one by one, until you have your desired result. Also, the color in the samples above will be black, so that the change is visible right away. However, you apply the color hue that you think most suits your taste and your design.

I hope this helps ??

– Maria Antonietta

This works for your website 100% guaranteed for your article excerpt titles.

h2.entry-title a {
color: #000 !important;
}

If you want to make your navbar’s color black as well make it this:

div.screen-reader-text a, div.menu-thehoustondiaries-container ul li.menu-item a, h2.entry-title a {
color: #000 !important;
}

I have tested this in the Web Inspector for Chrome. This HAS to work.

Sorry but I’m having the same problem and I’m fairly good with CSS. None of the above suggestions worked.

Any other suggestions to change the page text color?

This worked for me in custom CSS:
.entry-content {
color: #000 !important;
}

Yeah, not a programmer here, so while I have a similar issue I hope not to be tinkering around with the DNA. I find it hard to believe that there is no setting somewhere for this?