Can't remove black line under image links, no obvious empty anchor tags
-
Hi, just set up my blog, total coding newbie but have edited my about page to show links to a few other sites etc., all worsk fine except I have this weird black line under the images… a quick google has suggested it could be something to do with empty anchor tags or errant “<p>” tags so I’m pretty clueless, would somebody kindly have a look and let me know what’s up?
Page here:
https://dataplusfootball.com/about/
Code as below:
“<h3>Rob Suddaby <img src=”https://dataplusfootballdotcom.files.wordpress.com/2016/05/social-twitter-bird-symbol_318-27588-png.jpg” alt=”Twitter” width=”25″ height=”25″ /> <img src=”https://dataplusfootballdotcom.files.wordpress.com/2016/05/linkedin-logo_318-50465-png.jpg” alt=”LinkedIn” width=”25″ height=”25″ /> <img src=”https://dataplusfootballdotcom.files.wordpress.com/2016/05/tableau-public1.jpg” alt=”Tableau Public” width=”25″ height=”25″ /> </h3>”
The blog I need help with is: (visible only to logged in users)
-
OK try that code again, durrr…
“<h3>Rob Suddaby “ <img src=”https://dataplusfootballdotcom.files.wordpress.com/2016/05/social-twitter-bird-symbol_318-27588-png.jpg” alt=”Twitter” width=”25″ height=”25″ /> ” “ <img src=”https://dataplusfootballdotcom.files.wordpress.com/2016/05/linkedin-logo_318-50465-png.jpg” alt=”LinkedIn” width=”25″ height=”25″ /> ” “ <img src=”https://dataplusfootballdotcom.files.wordpress.com/2016/05/tableau-public1.jpg” alt=”Tableau Public” width=”25″ height=”25″ /> “</h3>”
-
My CSS skills are poor, but I can see when I use the Inspect Element feature in Chrome that in element.style, there is something called box-shadow that’s set to 1px. That’s what’s triggering the line under the images. When I turn that off, the line disappears. So…I guess change the 1px to 0px or turn off the box-shadow thing.
I hope that helps!
Jason
-
That does, thank you! Now… how do I turn off the box-shadow thing?? I added this custom code to my custom css but doesn’t change it :(
https://en.forums.wordpress.com/topic/how-to-remove-shadow-box-around-image?replies=9
-
OK, I removed a few spaces and theres just a line under the image which I’ve now realised is just a hyperlink marker…
- The topic ‘Can't remove black line under image links, no obvious empty anchor tags’ is closed to new replies.