BuddyPress.org

Hey Andy,

Nice looking site.

Looking at your CSS I see that the declarations have a lot of “!important” properties. Like… a ton of them! This property should be used sparingly because it tells the CSS not to cascade (the “C” in CSS). It tells the browser that this rule will override all other rules unless it is overridden by a more specific declaration. This can make styling and debugging a huge pain because you’ll try to add or edit a style and nothing will happen.

In your case… you have “color:#ffffff !important” declared for the body tag in base.css. That makes every single bit of text on the entire site white unless it is overridden by a more specific declaration. Which is exactly what’s happening here. You don’t have a declaration to override the white text for your wire content. I would highly recommend reworking the CSS so it takes advantage of cascading and doesn’t have all those !important properties. They make styling very confusing. But the quick fix is to add this line to the “#post-entry li blockquote” style in your base.css file:

color: #000;

So change this:

#post-entry li blockquote {

padding: 10px;

width: 90%;

margin: 1em 0px 0px;

background: #eee;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

to this:

#post-entry li blockquote {

padding: 10px;

width: 90%;

margin: 1em 0px 0px;

background: #eee;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

color: #000;

}