Remove lines above titles

How do you remove the line above the “Share This” and “Related” titles that appear a the end of a blog with the social media icons please?

It looks like the line is applied to h3.sd-title and .jp-relatedposts h3 but I can not seem to get rid of it.

I’ve tried:

.container h3.sd-title,
.container .jp-relatedposts h3 {
border: none;
}

and

.container h3.sd-title:before,
.container .jp-relatedposts h3:before {
display: none !important;
}

But the rule is still above on the “Related Posts” h3.

Any help would be very much appreciated.

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.sd-sharing .sd-title:before,
.jp-relatedposts h3:before{
   display: none !important;
}

If it doesn’t help, please share the valid link to one of your your single posts, so I can be more exact.

Regards,
Kharis

The line above “Related” is still there.

Does this link work for you:

Hello there,

Please replace the code I suggested previously with this one:


.sd-sharing .sd-title:before,
.jp-relatedposts h3 em:before{
   display: none !important;
}

Regards,
Kharis

Thank you Kharis! That did the trick!