prismtechstudios

Hi @edoos,

Do you know if you are editing with a classic WordPress editor or the WordPress block editor? (If you are using an updated version of WordPress without having done anything custom, you are on the block editor.)

You can add both icons and custom HTML (like line breaks) into the footnotes. For the icons, you’ll want to use the “Inline Image” option underneath the down arrow icon on the editing menu: https://prismtechstudios.com/modern-footnotes/support-screenshots/2019-12-16-gutenberg-editing.PNG For code, adding <br> should work, but you’ll need to click the three dots in the toolbar and choose “Edit as HTML” first.

Can you give those a try and let me know if they work? If not, what are you seeing instead?

@arutha176 thank you for the review, and thank you for the example!

@arutha176 Good question. Ideally you’d delete the custom CSS once the fix is out, but you can also just wait and delete it if it’s causing other issues (which it probably won’t).

And thank you for those comments! That method makes a lot of sense to me. I think it’s a good way to determine whether the link text should be truncated or not. It’s a little tricky to implement programmatically, but I’ll add the idea to the GitHub issue!

@arutha176 Sure! If you’ve got a good example, it would be great to consider that while determining how a list of footnotes should work. In general most plugins are open source and released under free licenses for the benefit of the WordPress community, so I’m comfortable looking to those for inspiration.

Hi @arutha176! This is related to some recent changes that would cause some links to appear outside of the footnote tooltip. I’ve made a GitHub issue for the permanent fix at https://github.com/seankwilliams/modern-footnotes/issues/24 that will need to be addressed.

In the meantime, you can temporarily fix this by adding this custom CSS:

.modern-footnotes-footnote__note a {
    display: inline;
    overflow: auto;
    white-space: unset;
}

• This reply was modified 5 years, 2 months ago by prismtechstudios.

@fjvanittersum thanks for pointing this out! I’ve just released a new update to the plugin that should fix this issue. Can you give it a shot and see if it works for you?

@cuongtalentccc I just released an update where this is fixed now – thanks for bringing it to my attention!

@spaszs I just released an update where this is fixed now – thanks for bringing it to my attention!

@jdavidstark thanks for the details on this! I’ve just released a new version that I think will fix the problem, but there could be a few things causing this so I’m not positive. When you get a moment, could you upgrade to the latest version of the plugin (1.3.5) and see if it fixes this issue for you?

Thanks for the details on this @scienterrif1c ! I just released a new update that should fix this issue. Can you give it a try and confirm it’s working for you now?

Good point! There will be an improvement in the pipeline to make the plugin have the option of true footnotes (at the bottom of the page), so the naming confusion shouldn’t be an issue for long. I’ll make a note to test it with the Divi Toggle module to see if we can do anything about that too.

Hi @dan-bollinger! If I’m understanding correctly, you could accomplish that by adding CSS like this – changing the CSS based on how you’d like it to appear.

.modern-footnotes-footnote {
  border-radius: 3px;
  border: 1px solid #999;
  box-shadow: 1px 1px rgba(0,0,0,0.2);
  background: #f3f3f3;
  padding: 1px 3px;
}

Let me know if that works for you!

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

Great, thanks for checking @samtulana! That display is correct for the for the footnotes now: it’s not ideal, but it’s what I needed to put in place to fix the original problem you reported. I’ll try to make the formatting more intuitive in a future release.

As for font formatting options, you should now be able to use any of the formatting options available in the Block Editor (including bold/italic/etc.) Let me know if that isn’t working properly for you now! I’ll create a task in the backlog to add formatting options for size, background, borders, etc!

@samtulana I just released an update to the plugin that should fix this issue. Can you give it a try and let me know if it’s working for you now?

Just wanted to post an update on this: I’ve started looking at this and was hoping to have it ready this week but it’s been tougher than I expected. Hoping to have a release out next week that fixes this issue!