Excluding images from CSS/hover effects

  • Resolved RebootRecords

    (@rebootrecords)


    14 years, 1 month ago

    Hi,

    Im using CSS to add a border-bottom to my hyperlinks, however, this means that any images that are links also have a border under them which id ont want.

    i added the below code to my style.css and put <div id=”imagehover”> around the image but it diodnt work

    #imagehover a:hover {
    border-bottom: none;
    }

    Can anyone suggest another way of doing this?

    https://rebootrecords.co.uk/wordpress/68-2/

    Thanks!

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

  • the way seems right; there is a stray } stopping the style from being applied:

    at the end of this line:
    .date, .tags, .author, .categories {color:#000000!important;}

    at the end of style.css of your theme:

    .date, .tags, .author, .categories {color:#000000!important;}
}

#imagehover a:hover {
	border-bottom: none;
}
    Thread Starter RebootRecords

    (@rebootrecords)

    fantastic!

    Thank you very much!

    Cant believe I missed that!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Excluding images from CSS/hover effects’ is closed to new replies.