Archived topic
Modifying Blockquote typography
5 replies · Started by Dave on November 14, 2018
Any canned Premium options to modify the blockquote presentation or is that something to modify via CSS? My primary goal is to reduce font size. A possible follow-on task is remove the vertical line and pop a quotation mark icon of some sort behind top left corner. Related, anything like Font Awesome or Bootstrap icons linked up? Thank you!
Hi there,
if you're using the FA 4.7 library then you can do something like this:
blockquote {
font-size: 0.8em;
position: relative;
border-left: 0;
}
blockquote:before {
content: '\f10d';
font-family: fontawesome;
font-size: 1.5em;
position: absolute;
top: 0;
left: 0;
}Any tricks to do something similar in a posted comment? Like an icon in the upper right across from the name? Thanks!
You can do something like this:
.comment-meta:after {
content: 'a';
float: right;
}Just change the content. You may have to adjust max-widths of the contents of the meta so it doesnt' clash
You rock, thank you!
You're welcome :)
