custom HTML Widget problem

• 

  adaptationbrain · Member · Jan 5, 2021 at 12:28 am

  • Copy link
  • Add topic to favorites

  I have used the HTML widget to link all of my social media, as WordPress doesn’t include an icon for the service Letterboxd, but there’s a strange black line below all of the icons that i don’t know how to get rid of. please help me

• 

  staff-totoro · Staff · Jan 5, 2021 at 9:59 pm

  • Copy link

  Hi there,

  By default your theme will underline any hyperlink you create wether it is text or an image like the icons you are using. However, you can get around that by adding inline CSS to turn the underline off.

  This is the inline CSS you need:

  style="border-bottom: none;"

  For example, this is the HTML you are using for your Instagram link:

  <a href="https://www.instagram.com/adaptationbrain/">

  If you modify it to be this instead, it will no longer have an underline:

  <a href="https://www.instagram.com/adaptationbrain/" style="border-bottom: none;">

  So if you modify all your link HTML to include the CSS I gave above, they will no longer display with an underline on your site. Hope this helps!

• 

  adaptationbrain · Member · Jan 5, 2021 at 10:26 pm

  • Copy link

  you’re magic, thank you so much