Strizzle

Hello Chewhow,

Be advised I am still a newbie at CSS as well. However, I checked your child theme style.css you linked above and I do see the masthead opacity has been changed to 1.

If you search the .main-navigation area, I see another opacity value set to 0. I’m not sure if this is the value you should change, I suspect it is, but I would alter this section to have the opacity set to 1 like below:

.main-navigation ul ul {
	float: left;
	opacity: 1;
	position: absolute;
		top: 1.6em;
		left: 0;
	text-align: left;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	visibility: hidden;
	z-index: 99999;
}

I would be interested to see if this fixes your issue.

By the way your site looks fine and does not have the light color text when I view it currently, although I’m sure I’m on a different browser/system than you.

Chewhow:

I understand your frustration, as I was having the same problem viewing the text through firefox etc, as it was too light.

The color of the text is not the problem, it is actually a dark grey at it’s source.

The opacity of the text is the problem. It causes the dark grey text to become very light.

Follow Siobhan’s advice posted above, and in your css plugin add the lines:

#masthead {
opacity: 1;
}

The opacity range is between 0 and 1. Set it to 1 and it will be a regular string of text with a dark grey color. You can also follow the above advice to change the color if you wish, but I believe the opacity is the source of your frustration. Anywhere in the CSS code you have an opacity you can set it to 1 and it will solve your problem.

I understand the theme creator having a opacity set like it is, but for some of our pages that element just goes too far. Good luck!