Footnotes not in line with page content

  • Resolved JPosti

    (@jposti)


    4 years ago

    The footnotes are showing up at the bottom of my page to the far left of the browser window, and not in-line with the page content. There is no margin or padding to the left and right as there is with the rest of the page content.

    I am using the DIVI theme.

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

    (@prismtechstudios)

    @jposti Could you send me a link to a page where this is happening? This is likely an issue where the CSS with the DIVI theme is interfering with the Modern Footnotes CSS.

    Thread Starter JPosti

    (@jposti)

    Resolved.

    I must have been thinking of the other footnote plugin because I just tried this again, and with this plugin it does work correctly on click, and does not scroll you down to the bottom of the page as with the other plugin. That is where I was having the issue.

    Thank you

    Thread Starter JPosti

    (@jposti)

    Is there a way to force the footnote pop up to span the whole width of the page content? Some of my footnotes are pretty long. See link below.

    https://businesstaxcanada.flywheelsites.com/general-principles/

    Plugin Author prismtechstudios

    (@prismtechstudios)

    @jposti glad that it’s working for you! To make the footnotes wider, you can add this custom CSS under the Modern Footnotes settings:

    .modern-footnotes-footnote__note--tooltip {
    max-width: 600px;
}

    Footnotes are 300 pixels wide, max, by default. This would make the footnotes up to 600 pixels wide. You can set the max-width value according to what you’d like for your page.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footnotes not in line with page content’ is closed to new replies.