DIY | Library | Markdown
Customising Squarespace CSS Markdown Block Styles
This post is all about styling Squarespace CSS markdown blocks—ideal for when you want more control over layout and formatting within your site content. Whether it’s refining font sizes, adjusting line height, styling lists, or managing spacing, markdown can be a powerful tool when combined with custom CSS. Below, you’ll find accordion sections with various code snippets you can copy and paste into your design.
I’ll be adding more markdown CSS tricks as I test and use them in future builds. Got something specific you want styled? Drop me a line at sarah@foubography.com.
-
/* you need a block element like a div to set the reference points to align the text: add the <div></div> around the <span> you want to center your text in */
<div style="text-align:center">
<span style="color:red;">lorem ipsum</span>
</div>
Related posts
Looking to customise your Squarespace site with code? This post is part of the DIY | LIBRARY —a growing collection of practical code snippets designed for Squarespace users who want to take control of their site’s design and functionality. Whether you’re tweaking your navigation, adjusting your mobile menu, or styling buttons, these copy-paste solutions are clean, reliable, and built with SEO and usability in mind. Bookmark this space for easy access to Squarespace custom code that works.
