• Here is the CSS: http://gameboyz.net/wp-content/themes/gameboyz/style.css

    Here’s the deal: My postmetadata CONTROLS my post title. I have clearly separated them by using two different div classes, but I can’t solve the problem.

    You can see the source by going to View Source (Firefox). You can see that they are clearly seperated.

    PLS HELP!

    P/s: Sometimes this is fixed, but another css tag (eg sblink a:link,a:active,a:hover,a:visited{blahblahblah;}) will interfere with the post title. This is so GOD DAMNED frustrating! 🙁

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter gameboyz

    (@gameboyz)

    HELP!!!!!!!!!!!!

    If you want your post titles styled a particular way, then style .title in your stylesheet. Your post titles are in a div with the class title.

    Your post titles are links, and this below is probably the source of your trouble:

    a:link,a:visited,a:hover,a:active{
    color:#dd6e01;
    font-weight:bold;
    font-size:24px;
    text-decoration:none;
    }

    Because of this, any links will take on this style unless you style them not to. See this: Cascading Order and Inheritance in CSS

    Thread Starter gameboyz

    (@gameboyz)

    But I specified that

    .title a:link,a:visited,a:hover,a:active{
    color:#dd6e01;
    font-weight:bold;
    font-size:24px;
    text-decoration:none;
    }

    and that #sblink is another set of styles (different font sizes).

    Why will this happen?

    You have to watch out if combining things, .title a:link,a:visited,a:hover,a:active is not correct.

    Correct:

    .title a, .title a:link, .title a:visited, .title a:hover, .title a:active{
    color:#dd6e01;
    font-weight:bold;
    font-size:24px;
    text-decoration:none;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Screwed up CSS?’ is closed to new replies.