Support » Fixing WordPress » Fifth ring of CSS Hell

  • cmichaelpatrick

    Hey all,
    I’ll buy the beer if anyone can help me limp through this problem I’ve been fighting for a few days now.
    website url is: http://www.cmpatrick.com
    in the content area, specifically in the CSS classes META and FEEDBACK, the links are painted white, but I’ve specifically called the A tags in the CSS file to be #060.
    Any ideas why the buggers won’t pay mind to the CSS proper-like?
    Thanks a million.

Viewing 10 replies - 1 through 10 (of 10 total)
  • .meta, .meta a {
    color: #808080;
    font-weight: normal;
    letter-spacing: 0;
    }
    .feedback {
    color: #ccc;
    text-align: right;
    }
    tried changing those ?

    Thread Starter Anonymous

    Tried that, unfortunately. For some completely bizarre reason, the colors aren’t taking.

    try changing their order in your css- putting regul LVHA before .meta LVHA
    what i mean is:
    a:link {
    font-weight: bold;
    }
    a:visited {
    font-weight: bold;
    }
    .meta,
    .meta a {
    font-weight: normal;
    }
    etc..
    Hope this helps
    🙂

    You’ve got both a class and an id called meta, but you don’t have any style definitions for the id of meta (plus, I’m not sure of the validity of having a class and id with the same name…it might be ok, but I’m not sure).
    Anyway, your <ul id=”meta”>… will need to have some style. The links in that section are picking up your global setting of
    a {
    color: #000;
    }
    So, long story short, try setting:
    #meta a, #meta a:link, #meta a:visited, #meta a:hover, #meta a:active { color: #060; }
    Or something similar…
    -Tony

    Thread Starter Anonymous

    Good catch there, Tony. I hadn’t seen that. So I changed .meta to .supplement just in case there is some issue with ID vs. CLASS names. Again, though, the same problem exists. The links do not change color. Any other ideas?

    Hmmm…Your id=meta links are now #060 instead of white. Is that not what you wanted? The only white links I still see that may be a problem are for the link to the rss feed just under the comment heading. This is picking up the default white. You could add:
    #content a, #content a:link, #content a:visited, #content a:hover to the line:
    #content h3 a {…}
    So it would become:
    #content h3 a, #content a, #content a:link, #content a:visited, #content a:hover {…}
    Make sense?

    Please note: Some browsers will cache the CSS file. I know I’ve had issues with that.
    TG

    I experimented with a local copy of your CSS file, and the #content a….additions did the trick. You may want to change/remove my first suggestion of adding #meta styles…as I don’t think that was the area you were originally referring to…it’s now making the meta section of your sidebar to have green links.

    Thread Starter Anonymous

    Thanks a million, tcervo. That did the trick. I owe you a 6 pack, my friend. I’ll make other modifications at lunch today. Again, I owe you one.
    Thanks also to everyone with input. This is by far the best support board I’ve run into yet.

    index.php in the distribution has both a ‘meta’ id for the ‘meta’ section of the menu and a ‘meta’ class for the category/author/time of each post. This is confusing and should probably be fixed, though now we have a number of stylesheets for index.php this may no longer be practical.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Fifth ring of CSS Hell’ is closed to new replies.