Circular Social Media Icons Are Showing With A Square Border When Viewed.

• 

  scottdmackay · Member · May 25, 2013 at 5:47 pm

  • Copy link
  • Add topic to favorites

  When I upload circular social media icons they are showing with a square gray border. However, In the media page they are showing as circular. How do I get rid of this border?

• 

  kathrynwp · Staff · May 27, 2013 at 2:30 pm

  • Copy link

  Hi there, the theme you’re using automatically adds a white background and grey border to all images included in widgets.

  To get around this, you could use a text widget instead of the image widget you’re currently using, and add the necessary HTML code manually for each social-media icon. If you went this route, you could add some inline CSS code to override the default border and white background on each image

  Here’s the code you’d need for a Facebook text widget, for example:

  <a href="https://www.facebook.com/scottmackaymusic?ref=hl"><img src="http://scottdmackay.files.wordpress.com/2013/05/facebook1.png" style="border:none;background:transparent;height:50px;width:50px;" /></a>

  The border:none;background:transparent; part of the code overrides the default border and background colour. You would modify this code as needed for your other two widgets.

  Just let me know if you need further help.