Forums

how do i add a hover effect to a link displayed by the text widget? (11 posts)

  1. germross
    Member
    Posted 2 years ago #

    My css/php knowledge is pretty iffy and I think this problem has got me outclassed right now. I have an image link in my sidebar which I put in via the text widget, but unlike all the other links it does not a pink hover element come up when you hold the cursor over it. I understand this is probably something I can fix by altering the css stylesheet but after a mess of tinkering I still haven't been able to figure it out.

    Can anybody give me some advice?

  2. whooami
    Member
    Posted 2 years ago #

  3. germross
    Member
    Posted 2 years ago #

    Here's the link: artnoise.net

  4. whooami
    Member
    Posted 2 years ago #

    ok, thats fine, but did you actually read anything on the links I provided?

  5. germross
    Member
    Posted 2 years ago #

    I'm trying to skim through them right now. I've been looking through a mess of similar tutorials but I still haven't quite gotten a handle on where I'm screwing up my syntax trying to fix this. Any help is appreciated.

  6. whooami
    Member
    Posted 2 years ago #

    why are you skimming? if you want to learn something, you probably dont want to skim.

    how about we work through what you are doing, instead of feeding you an answer..

    what have you been trying to use that is not working?

  7. germross
    Member
    Posted 2 years ago #

    sounds great. so far i've gone into the theme editor and tried adding in...

    textwidget a:hover {
    display: block;
    background-color: #FF54E3
    }

    ...to see if that would fix the problem. this did nothing.

    later i was just trying to figure out how the css works by looking over the stylesheet and reading through some css tutorials. at some point, i tried entering this:

    #textwidget, a:hover {
    display: block;
    background-color: #FF54E3
    }

    and that made every link on the page behave like the links on the sidebar.

  8. whooami
    Member
    Posted 2 years ago #

    I have an image link in my sidebar which I put in via the text widget ...

    what image link? that head looking thing at the top right? I hover over it and the 'background" of the image turns a terrible fluorescent pink.

    if its not that one, than which is it?

  9. germross
    Member
    Posted 2 years ago #

    it's the "philadelphia show listing" image. its background is also supposed to turn a terrible fluorescent pink.

  10. whooami
    Member
    Posted 2 years ago #

    .textwidget a:hover{
    display: block;
    background-color: #FF54E3
    }

    that works for me.

    textwidget is a class, not an id. thats what you did wrong up above.

    # is for ids, .'s (dots) are for classes :)

  11. germross
    Member
    Posted 2 years ago #

    awesome. i knew it was something stupid like that. working like a charm now. thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic