Extra space above the footnote

Hi,

It may have something to do with how your theme is styling the <sup> element that’s causing extra space above the superscript item. Do you have a link to page this is happening on? If so, I can inspect the element and check the CSS.

If not, I’d suggest checking the line-height and top settings of the <sup> element in CSS. Adjusting the styles for that is your best bet. Easy Footnotes doesn’t have any of it’s own styles on the <sup> element so it should just be using those directly from your theme.

It’s also possible that it could be caused by the .easy-footnote-margin-adjust class that has a margin-top: -40px to account for scrolling to the proper area when the .admin-bar class is active (ex. you’re logged into WordPress and the admin bar is present). Could you check and see if the issue occurs when you’re logged in vs logged out of the site?

Hi,

Thanks for the fast reply. The site is here: https://ass.fi/kohta/ and it happens on all the blog articles. (Well, guess it would be weird if it didn’t…)

The issue persists both while I’m logged in and out, and on desktop and mobile.

Best,
Antti

Hi Antti,

It does look like a CSS issue with your theme. The <sup> element has vertical-align: super on it which pops the item into a superscript alignment. It looks like if you were to add the rule line-height: 1 it would help line up better.

So line 81 of your style.css would look like this:

sup {vertical-align: super;font-size: smaller;line-height: 1;}

Great, this worked! Thank you!

Best wishes,
Antti