Outreach Pro green header

[scottwachter]

I liked the default black header on the original Outreach them so I changed the header color to #000000 in style.css on the Outreach Pro Theme without success:

.site-header {
background-color: #000000;
color: #fff;
min-height: 110px;
}

Any thoughts? Thanks in advance!

Thanks!

http://jaylean.scottwachter.com

[Garys831]

It could be that your theme is set to the green color setting in the genesis tab. If so it is using the green colored styles in the CSS and not the one you changed. You can either change the setting in the genesis menu to another color or change the CSS for Green color theme inside the CSS to the color you want.

[scottwachter]

Thanks but if I change the theme color in the genesis tab it will change the entire theme to blue, orange, purple, red etc. it keeps the background that theme color. Can anyone advise how to change the CSS for the green color them inside CSS to the color I want? All I really want to accomplish here is to make the Outreach Pro HEADER have a black background like the original Outreach theme.

[Garys831]

In the CSS look for " .site-header " that should change the color of the header only. In the future a good way to see what is the CSS attribute is to use Google Chrome and right click over an object on a page and select "inspect element" which will show the CSS in a side panel.

[scottwachter]

Thanks again! I did set the .site-header color per my first post here ;( but that did not work. Thanks for the Chrome tip (control click on Mac)! I think it's time to change themes and chalk up the Outreach Pro Theme as non customizable insofar as the header color.

[Garys831]

I am currently building a site using Outreach and changed the header to #EEE. Send me a link to your site and I will send back what CSS needs to be changed. Make sure your theme setting is set to default which will not use the main CSS and not the colored themes CSS

.site-header {
background-color: #eee;
color: #fff;
min-height: 110px;
}

[scottwachter]

Thanks again. I do have the default color chosen. The link is in the original post 😉

http://jaylean.scottwachter.com

However, Copyblogger/StudioPress associate is attributed the lack of change to the CDN installed on my sites so I have contacted my host.

[Garys831]

Using the right click over the header and inspect element trick I was able to change the CSS .site-header from #589b37 to #000000 without a problem. What you did originally should have worked.

[scottwachter]

Thanks, and that is what I originally did myself. I do believe that it is attributed the lack of change to the CDN installed on my sites as it finally changed 😉 Thanks again!

[Author]

Posts