Text Colour

Presumably it’s being overriden by the CSS stylesheet.

Are you able to edit stylesheets, Iain?

Thanks Johnny

Yes, but can’t find the line or lines I need to edit in the style.css

Can you try changing the ‘color’value to #000

in style.css

at lines:

122
510
648

Incidentally, what browser do you use?

In Firefox, if you right-click the text you want to change, select ‘inspect element’ you should hopefully see a list of related CSS in a panel on the right hand side.

Examining and playing with those values gives a preview of what might work in your stylesheet.

Thanks, made those CSS changes, but still looking grey, and when I inspect elements it says the colour is #000000, it just doesn’t look it on my laptop, phone or iPad!

@iain1705, I’ve looked at your site, and the base font color set in the CSS is #000, which is fully black.

Can you point me to a page or post where it is not black?

Hi Iain,
Whats happening with the main body text is that it’s such a light (thin line) font, it just seems to be grey—or is rendered that way. Thin black anti-alised against white creating grey.

If you bump up the font size you’ll see that it is actually black—or very close to it (I haven’t taken a screenshot into photoshop to check it).

John

• This reply was modified 6 years, 9 months ago by johnnyivan.

Ok, John, thanks, that makes sense. Need to bump up the font size then.

Iain

Or remove this from line 509:

font-weight: 300;

It’ll then revert to a weight of 400. it looks less elegant, but it renders black and is more readable.

John

@iain1705, if you are going to change the font weight, I would suggest adding the following to the Additional CSS instead of editing the theme CSS file. If you do that, the change could be overwritten by a theme update.

body {
  font-weight: 500 !important;
}

I second that.
Or your changes will be wiped out next time the theme updates.

Thanks guys, much appreciated. I’m playing around with different themes now, trying Dara. Bizarrely it looks like the Dara theme on my free WordPress.com has more customisation options than on my hosted not free www.ads-software.com.

Last question I promise, if you add CSS to the Additional CSS do you have to specify the line number?

Ever onward!

No, no line number required.

You just see those auto-displayed, depending on what application you’re viewing the CSS code in.

Are you able to tag on another stylesheet?

It’s more complicated to do that than it used to be. It’s called addign a ‘child theme’. So I used a plug-in called ‘Child Theme’ to set up the new stylesheet (which won’t be wiped out by updates), and then because the plug-in’s interface is awful, I downloaded the new stylesheet.

Now I edit that stylesheet locally and then upload. I will never edit it in child theme again (hopefully).
—–
Otherwise, you can ignore all of the former: and add to the existing stylesheet but keep a copy of your added styles locally, so you can paste em back in whenever the theme updates and wipes em out.

• This reply was modified 6 years, 9 months ago by johnnyivan.

@iain1705, many of the features on WordPress.com can be had on self-hosted sites by installing and activating the Jetpack Plugin, but there are some features at WordPress.com that are not included in Jetpack. What exactly were you wanting that is not on your self-hosted site?

Thanks for the code for font-weight in Additional CSS @sacredpath. That has worked a treat.