Sharing, Like, & Related issues

I am having a similar problem with the Like button on the website:

e.g. https://www.depressioncomix.com/posts/185/

I have the exact same problem with the Like button.

See it here : Wildlife Blog

Having the same issues. Buttons huge. Text huge. Like button overlapping lower area stuff. I don’t know why the old style buttons were removed if there were going to add options. Now my choices are ugly, ugly, and ugly with a glitch like button.

@clay B, @korgyblade & @lazybuttons: If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.

Help: The titles of the Sharing and Like sections are HUGE (my template’s CSS settings) and they are on different lines from the buttons, increasing the wasted space. Is there some way these can be disabled entirely like the “Related” title?

I would suggest adding some custom CSS to change the look of the headings to fit your needs. You could also hide the headings with CSS, like so:

.entry-content .sharedaddy h3.sd-title {
	display: none;
}

You can add this custom CSS to your theme’s stylesheet, or your Custom CSS editor available under Appearance > Edit CSS in your dashboard.

Problem: The “Related” section does not use the same settings for the title as “Sharing” and “Like”

Problem: The “Like” button is overlapping anything that is below it.

This is controlled by your theme, and can also be fixed with some CSS. If, for example, you wanted to change the font size of the Related Posts headline, you could use this CSS:

div#jp-relatedposts h3.jp-relatedposts-headline {
	font-size: 18px;
}

To make the Likes block a bit taller, thus solving the overlapping issue, you could use this code:

div.jetpack-likes-widget-wrapper {
height: 100%;
}

I hope this helps.

I would suggest adding some custom CSS to change the look of the headings to fit your needs. You could also hide the headings with CSS, like so:
I was planning to change my theme’s headings CSS today so they’re not so massive. Thank you for the CSS to hide these headings in particular. ?? It would be nice if it could be done within Jetpack in the future similar to the Related heading.

This is controlled by your theme, and can also be fixed with some CSS. If, for example, you wanted to change the font size of the Related Posts headline, you could use this CSS:
I see what you mean, it didn’t occur to me they would use different classes (or that my theme would do anything to either of them directly). Thank you for the code again.

To make the Likes block a bit taller, thus solving the overlapping issue, you could use this code:
I don’t understand why it was specified to 55px. Thank you for the code. ??

Thank you very much for your help, I am glad it can all be done through simple CSS. I’ve added them all and they work perfectly.