Wierd white overline on social icons

  • Resolved bubdadigger

    (@bubdadigger)


    8 years ago

    Heya!

    I have a some kind of the problem.
    Was trying to activate Social Media Icon widget by Jetpack and ended up with some weird white overlines on top of each symbol. It still white, no matter what color icons are.

    Any ideas on how to get rid of it?
    Thanks in advance!

    squarepixel.net

Viewing 3 replies - 1 through 3 (of 3 total)
  • Siobhan

    (@siobhyb)

    Hi @bubdadigger,

    The white lines are being added via the following CSS:

    .front-widget-area .widget ul > li, .front-widget-area .widget ol > li, .sidebar-widget-area .widget ul > li, .sidebar-widget-area .widget ol > li {
    border-top: 1px solid #f2f2f2;
}

    You could workaround this by removing the .front-widget-area class from the surrounding <div> for the widget area you’ve added (as it appears on all pages, not just the front page) or by changing the value of 1px solid #f2f2f2 to none.

    Let me know if that helps out.

    Thread Starter bubdadigger

    (@bubdadigger)

    Duh… How did you find it??
    I was trying to use inspect elements as usual but came out with nothing.

    Thanks again, Siobhan!
    You r our angel ??

    Siobhan

    (@siobhyb)

    @bubdadigger: I used Chrome’s built in tools to look through your theme’s CSS. After selecting inspect element on your social icons, I worked my way through each surrounding HTML element until I found what that was causing the line.

    I’m glad it helped!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Wierd white overline on social icons’ is closed to new replies.