Title: Footnote layout
Last modified: March 12, 2018

---

# Footnote layout

 *  [cureviet](https://wordpress.org/support/users/cureviet/)
 * (@cureviet)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/footnote-layout/)
 * Hello,
 * I’ve been using EF for a while. I’m no technical knowledge at all, sorry for 
   that,
 * I’d love to get my each and every blog posts ending up as identical layout as
   to this footnote style:
 * [https://www.curejoy.com/content/liver-friendly-foods-for-natural-cleansing/?utm_medium=IAR-FEB18&utm_source=FBFeed&utm_campaign=FBAyurveda#](https://www.curejoy.com/content/liver-friendly-foods-for-natural-cleansing/?utm_medium=IAR-FEB18&utm_source=FBFeed&utm_campaign=FBAyurveda#)
 * Could you teach me how to:
 * 1/ Hide references, “View article references (+)”
    2/ Changing footnote numerical
   color 2/ Changing footnote font and smaller size 3/ Group more than 2 footnotes
   into one reference line:
 * 1, 2, 23. ↑ Percival, Mark. “Phytonutrients and detoxification.” Clinical nutrition
   insights 5, no. 2 (1997): 1-4.
 * Thank you very much,
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffootnote-layout%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Jason Yingling](https://wordpress.org/support/users/yingling017/)
 * (@yingling017)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/footnote-layout/#post-10065644)
 * Hi there,
 * There isn’t currently anyway to group footnotes into a single line. This is a
   feature I’m considering for the future, but it will take a significant reworking
   of the plugin.
 * > 1/ Hide references, “View article references (+)”
 * You would need to `display: none;` or otherwise hide the `.easy-footnotes-wrapper`
   class. Then use the `.easy-footnote-title` as a button to show / hide the list
   with JavaScript / jQuery. Here are some examples on how that’s done with JS. 
   [https://www.w3schools.com/jquery/jquery_hide_show.asp](https://www.w3schools.com/jquery/jquery_hide_show.asp)
 * > 2/ Changing footnote numerical color
   >  2/ Changing footnote font and smaller
   > size
 * You can target the number within the content of the article using `.easy-footnote
   sup` in CSS. And the list of notes can be targeted with `.easy-footnote-single`.
 *  Thread Starter [cureviet](https://wordpress.org/support/users/cureviet/)
 * (@cureviet)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/footnote-layout/#post-10067735)
 * thanks for support

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Footnote layout’ is closed to new replies.

 * ![](https://ps.w.org/easy-footnotes/assets/icon-256x256.png?rev=2355746)
 * [Easy Footnotes](https://wordpress.org/plugins/easy-footnotes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/easy-footnotes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/easy-footnotes/)
 * [Active Topics](https://wordpress.org/support/plugin/easy-footnotes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easy-footnotes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easy-footnotes/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [cureviet](https://wordpress.org/support/users/cureviet/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/footnote-layout/#post-10067735)
 * Status: not resolved