[zscheimer]

Is there a way to change the background/text color for the content area?

[zscheimer]

This is the custom css that I have in for the content area color that isn’t working:
/*Content Color*/
.site { background-color: #000000; }

I am also looking to change the color of the header. There is currently white space in between my logo and menu.

http://www.heinzfieldribfest.com

Thanks!

[Sakin]

@zscheimer: For detail color options you can upgrade to Pro version where there is Color Picker in Theme Options panel.

The CSS that you have added in “Appearance => Theme Options => Custom CSS” will work fine but has issue there. There is missing closing bracket in your css }. Find the css

/*Header Menu Color*/
#header-menu {
	background-color: #000000;

and replace it with

/*Header Menu Color*/
#header-menu {
	background-color: #000;
}

For content background color and text color will be as below:

.site {
    background-color: #000;
    color: #fff;
}

[zscheimer]

That worked for most of the my issues. I still have a few small issues.

1) The featured content title is black font
2) The slider sides and bottom are white
3) The footer and the footer widget area are white/grey

[Sakin]

For Featured Title font color, you can change the color code and add it in “Appearance => Theme Options -> Custom CSS” box.

.entry-header .entry-title a {
    color: #222222;
}

Fore slider background and button.

.featured-slider .slides {
    background-color: #000;
}
#main-slider .entry-title a,
#main-slider .entry-content  {
    background: transparent;
    color: #fff;
}

For footer:

#footer-sidebar {
    background-color: #000;
}

[zscheimer]

Thank you, that worked for almost everything again.

I hate to be a pain but the three featured posts header is still black and there is still a white space below the slider.

[zscheimer]

I just fixed the text issue but and figured out that the white space is the homepage headline.

[zscheimer]

And the actual footer with the copyright color. I apologize for being this annoying.

[Sakin]

@zscheimer: Use the following CSS.

/* For Homepage Headline */
#homepage-message {
    background-color: #FAFAFA;
}
/* For Footer Copyright */
#site-generator {
    background-color: #3A3D41;
    color: #999999;
}
#site-generator a {
    color: #DDDDDD;
}

[zscheimer]

You are a lifesaver. Thank you so much.

[zscheimer]

This is the last thing and then I will stop bothering you. The title of each page appears in the top of the content of each page. How do you change the color for that text?

[Sakin]

@zscheimer: This is really clever. Sorry, you have already added all the color option of Pro version in Free. Hope we get some benefits soon.
Here goes the css for page titles.

.entry-header .entry-title {
    color: #222222;
}

[zscheimer]

I didn’t realize that I was working around the system I was really just trying to learn some more css code to make it look the way my client wanted it to look. I really appreciate everything.

[Author]

Posts