@kacraig
Sorry please for the late reply, further delayed by an urgent bufix release (2.2.1) needed to keep your Custom?CSS data safe.
First the fix for your website: Thankfully it only takes deleting this rule in the Custom?CSS of your Footnotes instance:
.footnote_plugin_tooltip_text {
top: 0.5em !important;
}
You only need to delete the line top: 0.5em !important;
. All other rules are okay.
We have a problem with the UI of Footnotes’ dashboard. Data structure constraints are preventing certain changes needed for the UI overhaul released with v2.2.0. Therefore, in our current 2.2.1 bugfix version just released in urgency, the Custom?CSS text area is duplicate under two tabs, so if the instance under the labeled tab “Priority and CSS” is empty, please open the “Referrers and tooltips” tab, where the Custom?CSS text area is filled from its legacy database row. Then you may wish to copy-paste its content into the other instance in the new, more consistent location under the “Priority and CSS” tab, corresponding to Advanced settings.
??????
An alternative solution is to add a minus sign in front of 0.5em
. That has exactly the same effect. But safest is probably to just remove the rule.
Yet another fix is to leave everything as-is and add this rule:
.footnote_plugin_tooltip_text {
vertical-align: top;
}
But again, I’d suggest to not use any of these rules, because they are not cross-theme and cross-browser compatible. They were in Footnotes public style sheet until v2.0.5 and have been deleted for v2.0.6:
.footnote_plugin_tooltip_text {
vertical-align: top !important;
position: relative !important;
top: 0.6em !important;
}
Beside position: relative
, that seems to be ineffective, these rules were intended to fine-tune the referrers’ vertical alignment. After they were officially dropped, some or all of them remained in embedded CSS of several websites and caused the exact same issue that you are experiencing since a couple of weeks. Each time, deleting them from the inline CSS fixed it.
We really couldn’t leave them. I don’t know why they are so unequally supported by browsers, nor why they cause issues in some themes and not in others.
The removal of this set of rules in Footnotes’ public.css was the reason why your website started having subscript referrers, because the rule present in your Custom?CSS was not completed any longer by the other rule that public.css provided alongside.
???
Please allow me to post this response in urgency and let’s see if your website can be fixed along these lines.
Best regards.