prismtechstudios

Hi @wordpress2020starter ! I’m not very familiar with Thrive Architect editor, but it does seem to support WordPress shortcodes. You should be able to follow the instructions at https://thrivethemes.com/tkb_item/using-shortcodes-architect/ and use the [mfn] shortcode to add a footnote.

Best,
Sean

Hi @mokona84 ,

The theme that you are using has the sidebar set up to appear above other content. You can tell an open footnote to appear above that sidebar by adding this custom CSS:

.modern-footnotes-footnote__note--tooltip {
    z-index: 10000;
}

There is a custom CSS field you can use for this on the Settings > Modern Footnotes page.

Best,
Sean

Yes! You should be able to add this with WordPress’s editing tools by highlighting the text you’d like to make a link and then clicking the Link button. Here’s a screenshot of how that looks in the editor (the Link button is circled in red): https://prismtechstudios.com/modern-footnotes/add-a-link-in-footnotes.jpg

Thank you for the other example, that will be helpful!

Hi @kjsbach , I took a quick glance and there’s an error on that page from JavaSript related to Tableau. Can you try the page without Tableau and see if Modern Footnotes works?

• This reply was modified 4 years, 9 months ago by prismtechstudios.

Thanks for the suggestions @samtulana ! The functionality to have footnotes at the bottom of the article will be coming at some point. I have an issue logged to make this improvement at https://github.com/seankwilliams/modern-footnotes/issues/11.

@celaguero,

Thanks! I do see the issue in Twenty Nineteen and will work on a fix. In the meantime, a workaround would be to use the shortcode in your post like [mfn]esto es foot nuevo parrafo[/mfn] rather than the “Add a footnote” button in the Block Editor toolbar.

Hi @celaguero! Can you confirm the name of the default WordPress theme you’re using? I just tested the Twenty Twenty theme and the footnotes are working there on the homepage and category pages.

@vitruvian1man To hide the footnotes when printing, enter this CSS in Settings > Modern Footnotes > Modern Footnotes Custom CSS:

@media print { 
  .modern-footnotes-footnote { display: none; }
}

Let me know if that works!

Hi @vitruvian1man! There is not a way to do that right now unfortunately, but I’ve got a task logged to support putting the footnotes at the end of an article at https://github.com/seankwilliams/modern-footnotes/issues/11. I added a note to that with a note about just putting the footnotes at the end with printing.

In the meantime, would the best option for you be to hide footnotes when printing? I can help with some code that would do that if needed.

Thanks for reporting this issue @adamshand ! I’ve just released a new version of the plugin that should fix the issue. Can you try updating to the new version and see if the issue is fixed?

I’ve set up a GitHub issue at https://github.com/seankwilliams/modern-footnotes/issues/25 that will track adding this functionality.

@edoos Making the tooltips show on hover will require some knowledge of jQuery, and it’s got a few steps so I’d need to slate that as a future update. I can do that, since it would be something others would find useful.

The changes would involve changing modern-footnotes.js so that showing the popup occurs on the mouseenter event rather than the click event. Then, you would need to also add mouseenter events for the .modern-footnotes-footnote__connector class and .modern-footnotes-footnote__note class where you set a JavaScript variable that says the user is actively hovering over the tooltip. You’d add a mouseleave event to all three elements (connector, note and link) that uses setTimeout to set an event that will hide the footnote if the JavaScript variable doesn’t indicate the user is hovering over the tooltip.

Let me know if you’re trying the changes on your own, otherwise, I’ll add this into a future release! It’ll be an option that you can toggle: either show the footnotes on hover, or show them on click.

Awesome – good find, and thanks for posting that information @dan-bollinger! It sounds like you’ve got everything working now, but let me know if there are any other issues if that isn’t the case.

@edoos Can you take a screenshot of what your editor looks like when you’re editing posts and send it to me at [email protected]? I’ll see if there’s an option there to edit as HTML.