prismtechstudios

Hi @viveknegi1290 ,

Thanks for this feedback! There isn’t a way to do that right now, but you could work around that by:

1. Deselecting the option to show footnotes at the bottom of the page by default
2. Manually adding a [mfn_list] shortcode at the bottom of your article, wrapped in the spoiler shortcode that you demo in the video you shared.

However, that would require setting up that [mfn_list] shortcode on every page.

I’ll add making these collapsible to the feature list for future development!

Best,
Sean

Hi @rajk748 ,

Thanks for letting me know about this issue. I’ve just released a new version of the plugin that should fix it.

Best,
Sean

@meijin2k I just remembered that you had the URL in the other support ticket. I checked that and there’s a space between the text and the code for the shortcode, so the extra space is coming from that. Are you using shortcodes like [mfn][/mfn], or the footnote menu option in the block editor?

Hello @cmarunde ,

Modern Footnotes itself uses the theme’s styles for the footnote numbers, so this sounds like a case where we’ll need to use custom CSS to override what’s in theme. I would recommend adding a custom style like this to the field at Settings > Modern Footnotes > Modern Footnotes Custom CSS (you can change the “14px” to be bigger, if you’d like):

.modern-footnotes-footnote a {
    font-size: 14px !important;
}

Best,
Sean

Hi @arutha176 ,

Thanks (as always) for the helpful note on this! I’ve added a setting now where you can change the heading level used for the footnote list. It’s under Settings > Modern Footnotes and just change the Heading tag name for footnote list setting (to Heading 4, in your case).

Best,
Sean

Hi @meijin2k ,

Sure! Just add this value at Settings > Modern Footnotes > Modern Footnotes Custom CSS:

.modern-footnotes-footnote a {
    color: red;
}

Alternatively, rather than color: red;, if you have a specific shade you want, you can use a hex code – for example, color: #ff0000;

Best,
Sean

Hi @alealealeale1234 ,

I’ll definitely keep the plugin up to date with future WordPress updates.

I will also look at Divi Builder compatibility, although I’ll likely be slower to get back to any Divi Builder issues. I haven’t tested with Divi Builder recently but there are some Elementor issues I’m working through, so I wouldn’t be surprised if Divi Builder has an issue or two.

If there are any issues though, once they are fixed, the plugin should stay compatible with both going forward.

Hi @oanishchik ,

You’re right, the <sup> element is part of the PHP and right now the HTML tag can’t be customized. However, you could use CSS to override the appearance of this element so it looks like normal text. This custom CSS should do the trick (you can enter this in the Settings > Modern Footnotes page for the custom CSS):

sup.modern-footnotes-footnote {
    vertical-align: baseline;
    font-size: 1em;
    position: static;
}

You can add any other CSS into this rule as well to customize the appearance of the “Reference” text.

Best,
Sean