Jump to content

Changing markdown block font size

Recommended Posts

Site URL: http://cafephd.com

I'm trying to do something basic (Squarespace 7.1) but I'm not a coder. 

The text in Markdown mode is always smaller than the content inside text blocks on the site. After some testing, it appears that Markdown blocks are automatically set to p2 styles, not p1. As many of you know, p1 is what we need to use for the majority of the content on our sites for SEO reasons (as I'm not a developer, I've double checked this with a friend who codes for a living).

I want the Markdown text size to automatically match the text block font size (and I need both to match my p1 font size settings). And yes, I'm 100% aware that messing with code and Markdown isn't ideal if you're not a coder, but I need to add snippets of code in order to use affiliate links to monetize my site. Using a code block is also an option, but avoiding the code block AND the markdown block won't work for my business.

I'm also aware that there are ways to hard code a font size every time you use a Markdown blog, but this seems way too clunky. If I have 500 posts someday, and want to change my font size, I don't want to edit every Markdown block in every post I've ever made.

Is there a setting for styling font in markdown or code blocks, or do I need to use custom CSS to override Squarespace's settings? Thanks for the help!

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...
On 3/14/2023 at 1:10 AM, springerdesign said:

I have the same issue-- did you ever find a solution?

Add to Design > Custom CSS

div.markdown-block * {
	font-size: 20px !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.