WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. wendysahl
    Member
    Posted 1 month 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.

    http://strongerwithjeng.com

    https://wordpress.org/plugins/genericond/

  2. Ipstenu (Mika Epstein)
    Half-Elf Support Rogue & Mod
    Plugin Author

    Posted 1 month ago #

    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
    Member
    Posted 1 month 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. Ipstenu (Mika Epstein)
    Half-Elf Support Rogue & Mod
    Plugin Author

    Posted 1 month ago #

    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 :)

Reply

You must log in to post.

About this Plugin

About this Topic