CSS placing footnote at side

  • davidsless

    (@davidsless)


    5 years, 1 month ago

    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

    (@prismtechstudios)

    5 years ago

    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 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.