• 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?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter germross

    (@germross)

    Here’s the link: artnoise.net

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

    Thread Starter germross

    (@germross)

    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.

    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?

    Thread Starter germross

    (@germross)

    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.

    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?

    Thread Starter germross

    (@germross)

    it’s the “philadelphia show listing” image. its background is also supposed to turn a terrible fluorescent pink.

    .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 πŸ™‚

    Thread Starter germross

    (@germross)

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

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

The topic ‘how do i add a hover effect to a link displayed by the text widget?’ is closed to new replies.