Tagged: links
Hi everyone, I’m trying to update the look and feel for my links. I’ve added some custom CSS to my style.css file and I’ve gotten the in-line text links to look how I like. Unfortunately, images are now showing a pink border around them. Can someone please help?
Here is a sample page: https://designinside.com/best-led-light-bulb-for-your-home/
Here is the CS I’m using:
.avia_textblock a {
color:#6c6c6c;
text-decoration:none;
text-decoration: none;
border-bottom: 6px solid #FEDDDA;
}
.avia_textblock a:visited {
color:#6c6c6c;
}
.avia_textblock a:hover {
color:#6c6c6c;
background: #FEDDDA;
}
Thanks in advance for the help
Hey Design,
Try adding a class for links with images, then add css codes specific to it that would remove the border and background. Hope this information helps :)
Best regards,
Nikko