Markdown blocks are a creative way to add content to your site, and this tutorial will help you customize it so the content inside can have its own unique style!

This is just the start of all the cool things you can do with custom CSS! Learn the basics in my free class: https://insidethesquare.co/learn'>https://insidethesquare.co/learn
—
One of my favorite things about a markdown block is that it can have its own unique styles thanks to CSS. You can tell a browser to change the heading one font if it’s in a markdown block, or create a unique background and border so it really pops on the page compared to everything else.

The main concept here is to start your code with the selector .markdownblock

After that, use any selector you want to change only that type of content inside a markdown.
This tutorial shows you a few ideas that you can use to inspire your own custom code creations!

Here is a link to the markdown cheat sheet from Squarespace: https://support.squarespace.com/hc/en...


Here is the code from this tutorial. This is just a design suggestion! Be sure to change the colors and other values to make it unique for your own site.

.markdownblock h1{
Fontsize:2rem
}
.markdownblock{
background:#e5f5f6;
borderleft:5px solid #50bdb8;
Padding:1rem!important
}
.markdownblock blockquote{
background:#FFF;
padding: .5rem
}



RELATED VIDEOS
Learn about length values:
https://insidethesquare.co/resources/...

Creating Custom Borders with Code in Squarespace:
   • Creating Custom Borders with Code in ...  

How to use a custom font in Squarespace:
   • How to use a custom font in Squarespa...  


GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE
Use my affiliate link and code PARTNER10 You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way
PARTNER10 → https://insidethesquare.co/partner10'>https://insidethesquare.co/partner10

Download over 60+ pages of custom codes and pro tips for customizing Squarespace in one awesome PDF. Order the Squarespace CSS Cheat Sheet, available now at https://insidethesquare.co/css'>https://insidethesquare.co/css

Need some help? Visit ​https://insidethesquare.co/codehelp​ to see my current support options.

SUPPORT MY CHANNEL → https://paypal.me/insidethesquare
WEBSITE → https://insidethesquare.co
NEWSLETTER → https://insidethesquare.co/email
INSTAGRAM →   / thinkinsidethesquare  
FACEBOOK →   / insidethesquare  
PINTEREST →   / insidethesquare  

The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥