Thin white line below links

  • Does anyone else get a think white line below links? If you scroll down to “our content” you’ll see what I mean. Look at the YouTube icon.

    I would love to make that disappear if possible!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • It’s from the underlying twentyseventeen theme’s color-dark.css which is applying the white line.

    Specifically the rule:

    .colors-dark .entry-content a, .colors-dark .entry-summary a, .colors-dark .comment-content a, .colors-dark .widget a, .colors-dark .site-footer .widget-area a, .colors-dark .posts-navigation a, .colors-dark .widget_authors a strong {
  -webkit-box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1);
  box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1);
}

    I’d suggest adding a unique class to your elements like “noshadow”

    You can then open the wp customizer or edit your theme’s style.css to add an override like the following:

    .noshadow a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

    Best of luck and success to you, cheers!

    Thread Starter dllnp

    (@dllnp)

    Ah that’s what’s causing it! Okay makes sense. However, the solution makes slightly less sense to me. I know how to edit the theme’s style.css but I’m not sure what you mean by adding a unique class to the elements. Is that something I would do through Elementor?

    Thanks a lot for the help! Really appreciate it!

    Ah, this can be done on any element’s advanced tab. This way you can selectively choose when the override applies and when it doesn’t.

    View post on imgur.com

    Thread Starter dllnp

    (@dllnp)

    Awesome! Thanks a lot, that worked perfectly!

    Glad to help! Cheers =)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Thin white line below links’ is closed to new replies.