Title: CSS placing footnote at side
Last modified: April 15, 2021

---

# CSS placing footnote at side

 *  [davidsless](https://wordpress.org/support/users/davidsless/)
 * (@davidsless)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/css-placing-footnote-at-side/)
 * Can I use this code in your plugin?
 *     ```
       .side­note {
         text-align: left;
         col­or: #555;
         float: right;
         clear: right;
         mar­gin-right: -40%;
         width: 30%;
         mar­gin-top: 0;
         mar­gin-bot­tom: 0.5rem;
         font-size: 0.7rem;
         line-height: 1.3;
         ver­ti­cal-align: base­line;
         po­si­tion: rel­a­tive;
         text-overflow: el­lip­sis;
         overflow: hid­den;
         dis­play: -we­bkit-box;
         -we­bkit-line-clamp: 3;
         -we­bkit-box-ori­ent: ver­ti­cal;
       }
       ```
   

Viewing 1 replies (of 1 total)

 *  Plugin Author [prismtechstudios](https://wordpress.org/support/users/prismtechstudios/)
 * (@prismtechstudios)
 * [5 years ago](https://wordpress.org/support/topic/css-placing-footnote-at-side/#post-14328070)
 * The Modern Footnotes plugin does not use the `sidenote` class, so you could use
   this code alongside the plugin without it causing any issues.
 * Are you trying to change the styling of Modern Footnotes? If so, you’d need to
   target the CSS classes used by Modern Footnotes. See the question “Can I customize
   the styles of footnotes?” on [the plugin’s homepage](https://wordpress.org/plugins/modern-footnotes/)
   for more details of what those are.

Viewing 1 replies (of 1 total)

The topic ‘CSS placing footnote at side’ is closed to new replies.

 * ![](https://ps.w.org/modern-footnotes/assets/icon-128x128.jpg?rev=1634981)
 * [Modern Footnotes](https://wordpress.org/plugins/modern-footnotes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/modern-footnotes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/modern-footnotes/)
 * [Active Topics](https://wordpress.org/support/plugin/modern-footnotes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/modern-footnotes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/modern-footnotes/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [prismtechstudios](https://wordpress.org/support/users/prismtechstudios/)
 * Last activity: [5 years ago](https://wordpress.org/support/topic/css-placing-footnote-at-side/#post-14328070)
 * Status: not resolved