Not signed in (Sign In)

Categories

Welcome, Guest

Want to take part in these discussions? Sign in if you have an account, or apply for one below

RecentTags

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorjcb86
    • CommentTimeOct 12th 2006
     permalinkReport Post
    I want to change the size of the post titles. I understand how to change font size in CSS (using font-size), but what reference is used for post titles? H3?
    • CommentAuthorDenis
    • CommentTimeOct 12th 2006
     permalinkBuy a DrinkReport Post

    post titles are h1:

    .entry_header h1
    {
    }
    

    D.

    • CommentAuthorjcb86
    • CommentTimeOct 12th 2006
     permalinkReport Post
    Got it. Thanks.
    • CommentAuthorjcb86
    • CommentTimeOct 12th 2006 edited
     permalinkReport Post
    Trying to change the color of post titles now, and the CSS is not working as I expected. I have...

    .entry_header h1
    {
    color:#320000;
    }

    This changes the color of the post titles for **individual post-pages** only---but NOT for the home page. The home page still displays the old color. Only when the post title is clicked (and the invidual page visited) can you see the new color.

    How do I change color for post titles--so that the color is displayed on both the home page and the post page?
    • CommentAuthorDenis
    • CommentTimeOct 13th 2006
     permalinkBuy a DrinkReport Post

    in post listings, you should be doing:

    .entry_header h1,
    .entry_header h1 a,
    .entry_header h1 a:visited
    {
      color:#320000;
    }
    

    D.

    • CommentAuthorjcb86
    • CommentTimeOct 14th 2006 edited
     permalinkReport Post
    Denis, you are wonderful. Thanks for answering my 5 CSS questions. Everything's looking great now.

    One final question, how do I change the color of the post titles on mouseover? When a mouse is rolled over the post titles, I want the color to change.

    Will this work?

    a:hover,
    .admin_link a:hover
    {
    color: #xxxxxx;
    }

    What does .admin_link refer to?
    • CommentAuthorDenis
    • CommentTimeOct 14th 2006
     permalinkBuy a DrinkReport Post

    for post titles, you'll need to be a little bit more expicite to the css parser:

    .entry_header h1 a:hover,
    .entry_header h1 a.admin_link:hover
    {
      color: pink;
    }
    

    .admin_link refers to the Edit link that appears to users who can edit links.

    D.

    • CommentAuthorjcb86
    • CommentTimeOct 14th 2006 edited
     permalinkReport Post
    Great, thanks Denis.
    • CommentAuthorjcb86
    • CommentTimeOct 14th 2006 edited
     permalinkReport Post
    Update: When I add the code above (minus the .admin_link secton), I don't get a different color on mouseover.
    Instead, I get post titles appearing one color on the homepage, and thena different color on individual post pages.

    Here's the CSS I've got...

    /* Specify the color of post titles */

    .entry_header h1,
    .entry_header h1 a,
    .entry_header h1 a:visited
    {
    color:#990000;
    }


    /* Specify hover color */

    .entry_header h1 a:hover
    {
    color:blue;
    }

    What am I doing wrong? I want the color of the posts to be blue when moused over. Right now, the posts titles are blue on the homepage by default (without the user hovering over).
    • CommentAuthorDenis
    • CommentTimeOct 20th 2006
     permalinkBuy a DrinkReport Post

    When I use the above code on my dev site, I get:

    • Red text/links on the front page and on the post's page
    • Blue text when links are hovered

    Isn't this the expected behavior?

    D.

    • CommentAuthorjcb86
    • CommentTimeOct 20th 2006
     permalinkReport Post
    Sorry Denis. My fault. It must have been cached. All is well, thanks.