prismtechstudios

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?

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 6 years, 7 months ago by prismtechstudios.
• This reply was modified 6 years, 7 months ago by prismtechstudios.

@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?

Hi @samtulana,

Thanks for checking. I believe it should be possible to make this change, so I’ve logged an issue for it in GitHub at https://github.com/seankwilliams/modern-footnotes/issues/13. I’ll update this thread when the change is ready!

Cheers,
Sean

Thanks @charliecat!

Thanks @kzeni! I agree with your proposed fix and the pull request is merged into the main branch now.

Great!

I’m not familiar BestWebSoft PDF & Print, but my experience with PDF generation tools that take in HTML is they are limited in their CSS support. So, it could be that the pseudo-elements you’re trying to set with CSS are being ignored by that plugin.

I’m not sure there is a way to do this through CSS alone in the PDF tool, so you might have to modify the Modern Footnotes plugin to make this work. I would try to modify the shortcode so it outputs hidden brackets where you want to display them in the PDF. In modern-footnotes.php, you could modify the modern_footnotes_func function to output different HTML. For example, you could replace lines 41 and 42 with something like this:

$content = '<sup class="modern-footnotes-footnote ' . $additional_classes . '" data-mfn="' . str_replace('"',"\\\"", $display_number) . '"><a href="javascript:void(0)" ' . $additional_attributes . '>' . $display_number . '</a></sup>' .
  '<span class="modern-footnotes-footnote__note" data-mfn="' . str_replace('"',"\\\"", $display_number) . '">' . 
  '<span class="pdf-bracket">[</span>' .
  $content . 
  '<span class="pdf-bracket">]</span>' .
  '</span>';

Then, you’d need to add a style of display:none for .pdf-bracket on the website, and a style of display:inline; to that same class for the PDF. Hopefully that will work!