The only styling I’m seeing in that example are hyperlinks. You can do that now with html like this: [mfn]Your typical text. [Hyperlink text][/mfn].
Thread Starter
edoos
(@edoos)
I don’t know how to do a linebreak I tried with HTML tag it didn’t work.
Inserting <br> works for me.
Thread Starter
edoos
(@edoos)
it is possible to add in icon inside the tooltips?
I would like to customize the content of the tooltips with links, text and icon.
I tried to ad <br> like this [mfn]ouehfuozhrfuhzrfhzrhrughr<br> irofhioerhgerhgoherogheroghoi[/mfn]
but it didn’t work
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?
Thread Starter
edoos
(@edoos)
I’m using Divi theme maybe that’s why I can’t see those option you mention as HTML editing
@edoos Can you take a screenshot of what your editor looks like when you’re editing posts and send it to me at modernfootnotes@prismtechstudios.com? I’ll see if there’s an option there to edit as HTML.
I am running Divi, too and do not see the option to switch between the two WP editors. I believe that Divi makes you chose. Mine is set, by default, to the Classic WP editor. You can change that. Goto; Divi/Divi Theme Options/Builder/ enable or disable Classic Editor.
Personally, I don’t want to risk a compatibility issue by running two block editors in tandem. Plus, the classic editor is fine for anything that doesn’t require the superior Divi Builder.
I think I might have the answer. WP will strip out what it thinks is unnecessary coding when you switch from Text to Visual. I’ve seen this happen before even in just regular pages with the Classic WP editor. If you want to keep your special formatting, do it in Text and then Update, but don’t switch back to Visual.
When I add a <br> in the popup using Text, it works just fine. But when I switch to Visual the <br> is stripped and WP inserts a hard return, which works, too. Strange, but true.
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.
