• In Firefox, when hovering over the date above one of my posts, it changes from red to a smaller font and light grey (this isn’t a problem in IE – amazingly).
    I’ve tried for the last week to figure out why and can’t figure it out. At this point, I’d like for it to be either all red or all grey. I just don’t want any hover activity at all.
    Thanks in advance for the help.
    http://ryanhealy.com

Viewing 12 replies - 1 through 12 (of 12 total)
  • You need a wee bit more CSS in there.
    As it is, the date is a link, so it displays as the colour of a link (#DF1111). When you hover it, it’s displaying as a h2 (#696969), so to clear it up, you need a bit more CSS. One way to do it – there are a couple – is this:
    h2 a:hover {
    text-decoration:none;
    color:#FF00FF;
    }
    That is a bright pink, which I guess you’ll be needing to change, but it’s in the right direction πŸ™‚

    Thread Starter rhealz

    (@rhealz)

    Ah!
    Thank you. Very much. I didn’t know that h2 needed to be treated like a link.
    God. That clears up a whole mess of questions. Heh.

    Odd.
    Source view: <h2>12/23/2004</h2>
    Why is that link in there ? It doesn’t seem to be doing anything useful ?

    What actually is it you want the date to do ?
    If it’s a link, then to what does it link ? Where would I go if I clicked it ?
    If it’s not a link, why do we need a hover behaviour ?
    If you can describe exactly what the date is meant to look like and where it’s meant to be, the css won’t be a problem. This hover stuff has me very puzzled though..

    Thread Starter rhealz

    (@rhealz)

    Fair enough.
    I’d like the position of the date to be where it is currently (I reinserted the h2 tags) and also to look like it does currently. Except without the hover behavior, of course.
    I don’t want it to be a link or go anywhere if you click it. Does that make sense?

    Can you post the actual code from index.php which covers the date ?
    And are you using some sort of ‘Time since’ plugin ?

    Thread Starter rhealz

    (@rhealz)

    Here’s the code:

    <?php if ($posts) : foreach ($posts as $post) : start_wp(); ?>
    <h2><?php the_date(); ?></h2>
    <div class="post">
    <h3 class="storytitle" id="post-<?php the_ID(); ?>">" rel="bookmark" title="permanent link: <?php the_title(); ?>"><?php the_title(); ?> <span><?php edit_post_link(); ?></span></h3>
    <div class="meta"><?php the_author() ?> | <?php the_time() ?> | <?php the_category() ?> </div>
    <div class="storycontent">
    <?php the_content(); ?>
    </div>

    And I am using a Rich Manalang’s Time Since plugin.

    Thread Starter rhealz

    (@rhealz)

    Crap.
    I need to put divclass = h2, don’t I?

    Rich Manalang’s Time Since plugin
    That’s messing with the_date and causing the grief I suspect.

    Thread Starter rhealz

    (@rhealz)

    Yep. I deactivated it and it got rid of the hover activity.
    That’s too bad because I liked that plugin.
    Thanks for your help. I would never have suspected that problem.

    Thread Starter rhealz

    (@rhealz)

    Dissurion- Thanks for the idea. I’ll give it shot and see what happens.

    Hey np, there are different solutions possible. There is as far as I remember just one output line from the plugin so you could take whatever you feel comfortable with.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘H2 hover problem’ is closed to new replies.