Changing text size in Modern Footnotes

  • Resolved Rob-e

    (@rob-e)


    4 years, 1 month ago

    Hi, wondering how to change the text size of footnotes. Default is too small to read comfortably. Control over font style and color would also be good. If you could point me in the right direction that would be great. Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author prismtechstudios

    (@prismtechstudios)

    Hi @rob-e ,

    There aren’t any settings to customize this right now, but you can use the custom CSS field in the Modern Footnotes settings to modify these with CSS. Here’s an example:

    
/* make font size of footnote text bigger and change color */
.modern-footnotes-footnote__note {
    font-size: 1.4em;
    color: #0000ff;
}
    Thread Starter Rob-e

    (@rob-e)

    Yes that worked. I don’t know much about CSS so that thanks for that.
    It doesn’t change the text when selecting “Use expandable footnotes on desktop instead of the default tooltip style” ?

    Plugin Author prismtechstudios

    (@prismtechstudios)

    Great. It should be changing the text style even if “Use expandable footnotes on desktop instead of the default tooltip style” is selected. If it isn’t, can you send me a link to the page that’s having the issue and I can take a look?

    Thread Starter Rob-e

    (@rob-e)

    Here is an example page, I have selected “Use expandable footnotes on desktop instead of the default tooltip style”. https://www.eltham.com/org/2020/11/01/modern-footnotes-test/

    Plugin Author prismtechstudios

    (@prismtechstudios)

    Thanks @rob-e . If you change the custom CSS to use .modern-footnotes-footnote__note rather than .modern-footnotes-footnote__note--tooltip, the code should work for both expandable footnotes and normal “tooltip” footnotes.

    Thread Starter Rob-e

    (@rob-e)

    Yes, that fixed it. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing text size in Modern Footnotes’ is closed to new replies.

Tags