# Blockquotes with source in Hugo

This is how I’ve tried making blockquotes look the way I want them on daily.baty.net. It assumes that the last <p> or <a> element is meant to be the source, so treats that differently. I’m terrible with CSS, so mostly just pay attention to the part about last-of-type. With that, the final paragraph or link in the quote is treated as the source/citation.

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23  blockquote { font-size: 1.25em; margin-bottom: 1em; background: #eee; padding: 1em; border-radius: 0.5em; } blockquote figcaption { text-align: right; } blockquote cite, blockquote figcaption { font-size: 14px; } blockquote p:last-of-type a, blockquote p:last-of-type { font-size: 0.8em; text-align: right; } blockquote p:last-of-type a, blockquote p:last-of-type::before { content: "\2014 "; }