Outreach Pro – Change Title Color of Primary Sidebar

[palpatine]

Hey Guys,

I've changed the background of the Primary Sidebar in Outreach Pro theme, but I can't seem to change the Title color.

I'd like the Widget titles on the Primary Sidebar ONLY to be white. Could anyone help out here?

Thanks,
Aaron

http://oldcanyonranch.com

[juiceman]

It looks like you have your h4 color coming from:

.widget-title {
color: #6ab446;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 20px;
margin-bottom: 2rem;
text-transform: uppercase;
}

You probably have the following further down in your style sheet:

.sidebar .widget h4 {
}

Just make it:

.sidebar .widget h4 {
color: #ffffff;
}

[palpatine]

Hey Juiceman,

Thanks for your assistance. I'm pretty sure that I already did that and had to revert it back. Reason being, it changed the titles of ALL of the widgets, which doesn't work for me.

I just need to change the title of the Primary Sidebar widgets.

Thanks,
Aaron

[juiceman]

Aaron,

Just to be sure I'm understanding you, take a look at this link, it is Outreach as well:

http://beradiantbeyou.com/about-radiantly-you/

Is this what you mean?

[palpatine]

Yup, pretty much.

You see how the primary sidebar Recent Posts is white but the sub footer and footer titles are a different color? I just need to change the Primary sidebar titles to white.

Thanks for the help.

[juiceman]

Right,

I don't see .sidebar .widget h4 anywhere in your style sheet. It needs to come after the .widget-title style (line730) in order to override it.

Did you try adding the code above later in your style sheet? (like line 1638, right after:

.sidebar .widget {
	background-image: url('http://oldcanyonranch.com/wp-content/uploads/2014/01/background.png');
	border-radius: 3px;
	padding: 30px;
	padding: 3rem;
}

[palpatine]

No, I haven't tried too much as I'm not a coder, but I see where that .sidebar .widget code is in the style sheet.

What exactly should I place underneath it?

Thanks,
Aaron

[juiceman]

Place this:

.sidebar .widget h4 {
color: #ffffff;
}

under:

.sidebar .widget {
	background-image: url('http://oldcanyonranch.com/wp-content/uploads/2014/01/background.png');
	border-radius: 3px;
	padding: 30px;
	padding: 3rem;
}

[palpatine]

Tada!!!!

Thanks Man. I really appreciate the help.

[juiceman]

You're welcome!

[Author]

Posts