• When I hover over images in posts an annoying border appears on them, how do I remove them? CSS code would be brilliant….

Viewing 7 replies - 1 through 7 (of 7 total)
  • Can you provide the URL for your site so I can take a look at your current CSS?

    This would remove it on all hover links:

    a:hover {
         border:0;
    }

    Unless, of course, you have CSS specific to your images that’s creating the border on hover, which you can easily edit to be border:0; too.

    Thread Starter jadmac

    (@jadmac)

    That code didn’t work sorry…moneysavingbible.com

    What images are you seeing borders on hover? I’m looking at your site and I don’t notice the issue on the main page.

    Thread Starter jadmac

    (@jadmac)

    Hi, look within an article post, then hover over an in post image…you will see a border appear???

    At line 285 of your CSS you’ll see this:

    .entry img, .entry img:hover {
    padding: 5px;
    border: 1px solid #ccc;
    }

    Delete that entire section, as the padding isn’t needed if you don’t want the border.

    Thread Starter jadmac

    (@jadmac)

    Thanks that worked!

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

The topic ‘Removing hover border on images’ is closed to new replies.