[resolved] Genericon'd Horizontal Line (4 posts)

  1. wendysahl
    Posted 1 year ago #

    For some reason I had two horizontal lines through the icon. I was able to get rid of one of them with text-decoration: none; but I can't get rid of the other horizontal line. I was able to move it to below the icon but unable to turn it's color to white or to make it disappear.



  2. It's probably your theme overriding the line height. A fast way to check is to change your theme to one of the defaults and see if the line goes away.

    How familiar are you with inspecting elements in your browser?

  3. wendysahl
    Posted 1 year ago #

    If you mean going to Firefox Web Developer Extension CSS I do that all the time. If you mean something else then I'm not doing it. I've had this problem in the past and have solved it in the past but for the life of me can't figure it out this time.

  4. Yep :)

    So what the issue is, is that you have a link wrapped around it so the link, which has a text-decoration, is doing it.

    You have this:

    #social-icons a i {
    padding-left: 20px;
    padding-left: 1.42857143rem;
    text-decoration: none;
    vertical-align: bottom;

    You need this:

    #social-icons a {}

    The i is throwing it off :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Genericon'd
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic