Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 10, 2019 at 10:15 pm #1164641
    Joe

    Hi guys,

    I’ve been using the Modern Footnotes plugin to create clickable, inline citations through out the body copy. I was wondering if anyone has some CSS that will change the size all the text with the [mfn][/mfn] tags. I could enclose them with <sup></sup> tags but they are still a bit big.

    Any ideas?

    December 11, 2019 at 9:59 am #1164761
    Ismael

    Hey Joe,

    Thank you for using Enfold.

    Where can we see an example of the text enclosed in the “mfn” shortcode? We didn’t find one in the home page. Please provide a direct link to the page or section containing this shortcode. A screenshot will help as well.

    Best regards,
    Ismael

    December 11, 2019 at 10:03 am #1164763
    Joe

    Hi Ismael,

    Sorry about that. I’ll point you in the right direction.

    December 12, 2019 at 5:20 am #1165055
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    sup.modern-footnotes-footnote a {
  font-size: 12px;
}

    Best regards,
    Rikard

    December 12, 2019 at 8:36 am #1165120
    Joe

    Hey Rikard!

    Works perfectly. That was embarrassingly simple!

    Thanks again – this thread can be closed.

    December 12, 2019 at 8:40 am #1165123
    Joe

    STOP PRESS!

    It has also reduced the size of the main and secondary menus.

    December 12, 2019 at 8:54 am #1165130
    Joe

    And all the H styles :-(

    December 12, 2019 at 9:18 am #1165135
    Joe

    And the the page width too.

    I have to remove the footnotes CSS for now as I’m presenting to the client this morning.

    December 13, 2019 at 8:43 am #1165421
    Ismael

    Hi,

    Thank you for the update.

    There were a few syntax errors in the Quick CSS field, which we corrected. We also added the css modification back to adjust the font size of the footnote links. It should work properly now.

    Best regards,
    Ismael

    December 13, 2019 at 1:45 pm #1165523
    Joe

    Hi Ismeal,

    Thanks for attending to this! There are a couple of things that have reverted back to their original stylings:

      Wider main menu drop downs so they fit on one line
      Thicker “fat” yellow lines (6px)
      Larger secondary menu font

    Did you remove a couple of snippets to allow the superscript code to work? I need to get those styles back in.

    December 13, 2019 at 2:37 pm #1165536
    Joe

    I’ve managed to solve all the issues :-)

    This thread can be closed. Cheers guys :-)

    December 14, 2019 at 7:08 am #1165782
    Rikard

    Hi,

    Great, I’m glad that you got things working and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change size of superscript text globally with custom CSS’ is closed to new replies.