Changing Font Color in Blogolife Theme

What CSS did you try?

I tried in turn

adding
color: #c8c8c8;
to

body {
	font-family: 'Oswald', sans-serif;
}

changing

p {
	color: #666;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  15px;
}

to
p {
color: #c8c8c8;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
and changing

.entry-content {
	margin: 20px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  15px;
	line-height:30px;
}

to

.entry-content {
	margin: 20px;
	color: #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  15px;
	line-height:30px;
}

1. Open your website in Chrome (browser).
2. Right click on the text you want to style.
3. Select ‘Inspect element’.

A new toolbar appears showing you the HTML on the left-hand side and the CSS on the right-hand side.

You can just look at the CSS on the right-hand side to understand what you need to target (.entry-content p).

Yes, on line 368 in the stylesheet. That’s another one I tried. But again, no change.

I’m not suggesting you change the theme’s files.

CSS works by targeting HTML elements and in CSS these are called “Selectors”. You can use a browser developer tool like Firebug or the one built in to chrome to find these Selectors out more easily than searching them in the original stylesheet.

You need to use create new styles in your Custom CSS plugin that override old styles from your theme.

Thank you for your help, but I am not changing the files in the theme. I am using a child theme. I found the selectors by inspecting the elements, but when I edit the child theme stylesheet to override the parent, no changes are implemented.

You got it working then?

No. I have still been unable to make the changes I want.

You’ve got this style in your Child Theme style.css file:

.entry-content p {
	color: #000000;
	line-height:25px;
	margin-bottom: 10px;
}

Change the “color” style.