Skip to:
Content
Pages
Categories
Search
Top
Bottom

Can find a specific colour code. Need a little help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Avatar of Paul Gibbs
    Paul Gibbs
    Keymaster

    @djpaul

    I think it’s just inheriting the colour from the body tag. So just add your own style in.

    Avatar of andywilliams244
    andywilliams244
    Participant

    @andywilliams244

    It’s not quite sure how and in what file it would go in…

    Avatar of David Lewis
    David Lewis
    Participant

    @takeo

    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;

    }

    Avatar of gerikg
    gerikg
    Participant

    @gerikg

    Just as David Lewis said:

    look at theme-option.php line 4

    body {
    color:#FFFFFF !important;
    font-family:Arial,sans-serif !important;
    }

    take out “!important”

    Avatar of David Lewis
    David Lewis
    Participant

    @takeo

    I tried taking out that !important property but all his white text went bye bye. It would be nice to revisit the CSS and not use so many !important properties… but I have a feeling that would be opening the proverbial can of worms. Adding a color to #post-entry li blockquote is a quick fix for this one specific problem.

    Avatar of andywilliams244
    andywilliams244
    Participant

    @andywilliams244

    It’s probably got so many because you can change the fonts and colours in the Theme Options on the dashboard. But doing that makes them all change.

    Avatar of David Lewis
    David Lewis
    Participant

    @takeo

    Makes sense. When I saw the filename (theme-options.php)… I figured this was a custom generated css file that was pulling in settings from the admin side. I guess the theme needs more testing maybe? Anyway… you could add “#post-entry li blockquote {color:#000;}” anywhere and it should work. Using the BuddyPress “custom.css” file or “site-wide.css” files might make sense if you don’t plan on changing the theme and don’t want to mess with the theme files.

    Avatar of andywilliams244
    andywilliams244
    Participant

    @andywilliams244

    I tried to do that David, can’t seem to get it to work. I’ve sent you a notification.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Can find a specific colour code. Need a little help.’ is closed to new replies.