Different hover property for images only

  • Resolved aengus01

    (@aengus01)


    14 years, 9 months ago

    Hello.

    I’m using vermillon theme and it has a hover property that adds an underline in links. I would like to remove that behavior for links that are represented by images.

    example

    https://www.holidayroad.net

    see the top of the sidebar you will see images, when you hover your icon over them, they add the underline property and it distorts the page while doing so. I would like to prevent that from happening, but only when its an image. If that’s possible

    Thank you in advance

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

  • Try adding:

    a:hover img (border:none;)

    to the bottom of your theme’s stylesheet.

    Thread Starter aengus01

    (@aengus01)

    Thank you for the response. I added that line to the very bottom of style.css but the underlines are still present.

    Try:

    a:hover img {border:none;}

    [wrong kind of brackets in the previous example]

    Thread Starter aengus01

    (@aengus01)

    Thanks,

    yeah I thought it looked funny so I had switched them back and forth already with no luck.

    I copied/pasted this time from your above example and the lines are still there

    Best I can offer given the current markup and CSS structure is:

    #sidebar #text-3 a:hover {border-bottom:none}

    which is far more specific to those images than I was hoping for.

    Thread Starter aengus01

    (@aengus01)

    Thank you very much esmi, your a gentleman and a scholar ??

    That fixed the top row right up. It’s happening with my flickr ones also, but I believe I can use that example now and get them as well.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Different hover property for images only’ is closed to new replies.