Changing the Colour of Sidebar Widget Links

  • Metamorpheus

    #4597

    Hello,

    I’m looking to change the colour of the links/post titles in my Recent Posts widget (sidebar 2) from blue to black. My username contains the website’s URL.

    Any ideas?

    Thanks!

    Josh

    #28638

    Hmmmm… love your site!! I’ll have to spend some time over there. What do you know about a single daddy going to grad school?? 🙂

    To adjust your links, try this in your custom css:

    a, .post-title, .post-title a, #comments > h4.current a {
    color: #000080;
    }

    This hex color will adjust the normal state color.

    a:hover, .post-title a:hover {
    color: #1919C8;
    }

    And this will adjust the hover state color.

    Metamorpheus

    #28639

    Thanks Josh… It’s nothing special really, just a humble niche site 🙂

    Your code worked, thank you.

    Metamorpheus

    #28640

    Whoops, responded a little too soon.

    As it turns out, that code turns all the links on the site into the chosen colour. I just want the links in the sidebar widget to be black, whilst keeping the content links dark blue.

    Any ideas?

    Josh

    #28641

    Oops… sorry about that. I forgot to isolate it to the sidebar. Try this:

    #recent-posts-4 a, #recent-posts-4 .post-title, #recent-posts-4 .post-title a {
    color: #000080;
    }
    #recent-posts-4 a:hover, #recent-posts-4 .post-title a:hover {
    color: #1919C8;
    }

    I think that should do it.

    Metamorpheus

    #28642

    Done and done. 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.