Can't remove black line under image links, no obvious empty anchor tags

• 

  robsuddaby · Member · May 7, 2016 at 8:34 pm

  • Copy link
  • Add topic to favorites

  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)

• 

  robsuddaby · Member · May 7, 2016 at 8:36 pm

  • Copy link

  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>”

• 

  writesrealgood · Member · May 7, 2016 at 8:53 pm

  • Copy link

  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

• 

  robsuddaby · Member · May 7, 2016 at 8:57 pm

  • Copy link

  OK, that’s not working… I guess try this link: Code

• 

  robsuddaby · Member · May 7, 2016 at 9:06 pm

  • Copy link

  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

• 

  robsuddaby · Member · May 7, 2016 at 9:09 pm

  • Copy link

  OK, I removed a few spaces and theres just a line under the image which I’ve now realised is just a hyperlink marker…