Forums

Give help. Get help.

  • # August 9, 2009 at 10:57 pm

    So this is my first foray into the WP skinning game. And I’m figuring it out. But I’m still running into some little issues here and there. Right now, for some reason, the links in my sidebar are not functioning correctly. That is to say, they’re not functioning as a hyperlink. Most times there is no hover at all. Even the Past Articles popup menu isn’t popping up. But the search field seems to be working fine. Anyway, sure could use some help. Thanks in advance.

    Here’s the link. http://www.i9creative.com/blog

    Mickey

    # August 10, 2009 at 9:07 am

    Thanks for the reply. I’m pretty sure I understand what you’re saying, and I tried it, but it doesn’t seem to be working. I’ve been using CSS for awhile now, but I still think of myself as an amateur a lot of the time. If you don’t mind, I’d like to show here what I did and see what you think might be the problem.

    Code:
    #sidebar-inside ul li a:link {
    color:#7F4300;
    text-decoration:underline;
    }

    #sidebar-inside ul li a:visited {
    color:#7F4300;
    text-decoration:underline;
    }

    #sidebar-inside ul li a:hover {
    color:#F47B20;
    text-decoration:none;
    }

    #sidebar-inside ul li a:visited:hover {
    color:#F47B20;
    text-decoration:none;
    }

    Also, the thing I don’t understand is that the link should have worked right anyway because the "inside" div was within the "sidebar" div, so it should have inherited the CSS from that, right? Your Russian doll analogy is a good one, but is that how it works for the heirarchy? If I have 3 divs nested inside each other and the first div sets the CSS rules for links, then shouldn’t the nested divs follow suit?

    And this is how it used to look.

    Code:
    #sidebar a:link {
    color:#7F4300;
    text-decoration:underline;
    }

    #sidebar a:visited {
    color:#7F4300;
    text-decoration:underline;
    }

    #sidebar a:hover {
    color:#F47B20;
    text-decoration:none;
    }

    #sidebar a:visited:hover {
    color:#F47B20;
    text-decoration:none;
    }

    Again, thanks for the help. I do appreciate it.

    # August 10, 2009 at 1:14 pm

    apostrophe!

    That’s it! We have a winner! :)

    That’s just weird. Yeah, I don’t know why it works, but you nailed it. Thanks!

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag