Search code examples
htmlcssimagehovertumblr

How Do I Remove Link Hover From Images But Not Text?

I'm editing a Tumblr theme, and I have a very simple problem, this is the code for the links

a {
    color:#000000;
    text-decoration:none;
}
 
a:hover {
    color:#000000;
    background:#ffffb3;
    text-decoration:none;
}

I want this to work only for the text but when you hover over the images on a photoset, the background becomes yellow too

Screenshot: hover on photo, it becomes yellow

This is the code for the images

img {
    border:0;
    text-decoration:none;
    max-width:100%;
    height:auto;
    display:block;    
    background-color: none;
}

Please help, thanks in advance

Solution

  • This should work this:

    .tumblr-box:hover {
    background: transparent;
}

    But make sure the class .tumblr-box is on every image thumbnail and not on the text.