Style one footnote number differently

  • Resolved positivit

    (@positivit)


    3 years, 6 months ago

    Thank you for the excellent plugin guys,

    Is it possible to change the color of the footnote superscript number just for one footnote?

    Does the short code accept classes like [mfn class=myclass] or [mfn class=”myclass”] ?

    Or how could I target it?

    Thanks,

    Noel

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

    (@prismtechstudios)

    Hi @positivit ,

    Great question. The shortcode does not currently support a class attribute, but you should be able to target the footnote to give it a different color if you wrap it in HTML, and then target that with CSS.

    So, first you’d add this HTML in your post or page:

    <span class="myclass">[mfn]footnote content[/mfn]</span>

    Then, you can do this custom CSS to change the footnote superscript:

    .myclass .modern-footnotes-footnote a {
   color: #11ffff;
}

    Best,
    Sean

    Thread Starter positivit

    (@positivit)

    Perfect Sean,

    I can confirm your solution worked great.

    Many thanks,

    Noel

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Style one footnote number differently’ is closed to new replies.

Tags