Styling footnote superscript (Hello Elementor theme)

Hey Sean,

Thanks for building and maintaining such a simple and easy to use plugin.

I have a question about styling (I saw you’re working through some Elementor issues, so my question may apply to those issues).

I have the Hello Elementor theme installed. I edit my blogposts in WordPress, not in Elementor (I use the Elementor blogpost content widget to display the WordPress blogpost content on a blogpost page).

Without any styling applied to the footnotes, when I click on the footnote, the footnote text is smaller than the hyperlinked text within the footnote text.

I’ve managed to change the colour and align the footnote text size with the hyperlinked text size in the footnote text:

/* make font size of footnote text bigger */
.modern-footnotes-footnote__note {
    font-size: 1.0em;
    color: #0F261F;
}

The hyperlinked text seems immune to above styling (I’ve tried lowering the font size; this only works for non-hyperlinked text in the footnote. The same goes for the superscript element (not selected and selected) — the following commands don’t do anything:

/* make font size of footnote supercript element text smaller */
.modern-footnotes-footnote {
    font-size: 0.8em;
}

/* make font size of footnote text bigger */
.modern-footnotes-footnote__note {
font-size: 1.0em;
color: #0F261F;
}`

Can you help me out / provide tips? It seems like Elementor is overriding any styling on (internally) linked text.

I’ve removed all footnote-styling from the plugin settings, so that you can see what I mean on the page that I’ve given a link to. You can find the footnote after the following sentence: ‘Ik ontvang wat ik nodig heb, wat goed voor me is, wat me inspireert.’

Thanks for your help and work!

Raymundo (the Netherlands)

The page I need help with: [log in to see the link]