CODEWITHSUNDEEP
htmlcss
Seb
Seb

Reputation: 525

Blue line appearing after second click on image

I don't really know how to write this because i have never seen a problem like this before.

If you go on this website (http://multicopterphoto.no/bolig/) Then click the image of the house. The image preview will appear. Go out of the preview. Now when you hover over the house again you will see a blue line around the circle.

I thought first it was something with the anchor tags, like text-decoration or something but it isn't.

Can you please help me fix this?

Upvotes: 0

Views: 246

Answers (3)

Farshad
Farshad

Reputation: 1485

simply you must set style to the + element

a .expand .ashit{
    outline: 0;
}

More info at Remove Dotted Link Borders

Upvotes: 1

Anonymous
Anonymous

Reputation: 10216

It's because outline appearing on :focus

ADD .overlay > a:focus {outline-style: none;} to your CSS, This will solve your problem.

Upvotes: 1

Viswanath Donthi
Viswanath Donthi

Reputation: 1821

Here's the code:

.expand.ashit{
    outline: 0;
}

Just add it to your css styles. That's it.

Upvotes: 1

Related Questions