Essential plugin – CSS suggestions
-
Thank you for continuing the now unsupported fd-footnotes plugin. This plugin ist really easy to use and works well.
Here is my CSS for minor aesthetic changes:
sup.footnote a {
text-decoration: underline;
vertical-align: super;
font-weight: bold;
font-size: 80%;
padding-left: 0.1em;
}
.footnotedivider {
width: 40%;
padding-top: 0.8em;
border-top: 1px solid #000;
}
.footnotes li {
font-size: 1.1em !important;
max-width: 490px;
margin-bottom: 1em;
}If you want a button for showing / hiding footnotes:
.footnotes > p:nth-child(2) {
margin-top: .2em;
}.footnoteshow {
display: inline-block;
color: #575757;
background: #f2f2f2;
margin-left: 2em;
margin-bottom: .8em;
font-size: .8em;
border: solid #d1d1d1 1px;
padding: 3px 13px 2px 13px;
text-decoration: none;
}.footnoteshow:hover {
color: #fff;
background: #1296e8;
text-decoration: none;
}Last thing: it is possible to translate the “Show footnotes” string editing the plugin code in WP. Updates of the plugin will destroy changes, but they won’t happen very often, I suppose.
Thank you for maintaining this plugin!
- The topic ‘Essential plugin – CSS suggestions’ is closed to new replies.