BlackRidersDesign Posted February 12, 2021 Share Posted February 12, 2021 Site URL: https://www.butterfliesandaliens.com/stacks/a-love-letter-to-libraries I've got a website running in Squarespace 7.1. What I'd like to do in the comment block at the end of every blog post is: a) Change the word "Comments" to "Marginalia" b) Have it be in a smaller headline format Is that possible in the 7.1 templates? Custom CSS? Thanks! Link to comment
dvgdvgdvg Posted February 12, 2021 Share Posted February 12, 2021 Add to Home > Design > Custom CSS: h3.comment-count { font-size: calc(.7 * 1.2vw + 1rem); } h3.comment-count span { visibility: hidden; } h3.comment-count span:before { visibility: visible; content: "Marginalia"; } This will change the word and the font size. (Just a heads up, replacing the word "Comments" also removes the comment count # in parentheses after it.) I've applied the same font sizing as the previous/next post links on your blog for consistency, but you can change "calc(.7 * 1.2vw + 1rem)" to whatever font size setting you'd like. (Credit for the code to change the word "Comments" goes to @tuanphan in this forum post) Link to comment
BlackRidersDesign Posted February 18, 2021 Author Share Posted February 18, 2021 BRILLIANT! Thank you both! I was able to further refine your recommendation and opted to retain the "Comments (x)" portion for now, and then also took your font size calc to further hack some other custom CSS I already had to adjust the word cloud module. Many thanks again! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.