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!
