I'm working with a lot of text blocks on my site and I'm wondering if I can add more drop-down options to the text formatting bar.

By default there are: Normal, Heading 1, Heading 2, Heading 3, Quote, Code

Can I add custom CSS to create new options here, or do I have to add code blocks to format the text?

If I need to add a code block to do it, how?

Hmm. That text formatting bar is programmed by SQSP as part of the system. It's not changeable. You're stuck with the options on it.

You cannot use CSS code to change the HTML structure. You can only use it to change the appearance of the content in your site: font, color, background, etc. See the SQSP KB article How should I use custom CSS?

If you know HTML code, you can put content in a code block and use HTML to structure it as you like. But it's only effective for the content in that particular code block. While doing this, you won't have a text formatting bar. You will have all the power and options afforded by HTML which includes all those options on the formatting bar and more. But you'll have to use HTML code.

Does this make sense?

If you use Markdown blocks rather than text blocks you can have additional levels of header.

# This is H1
## This is H2
### This is H3
#### This is H4
##### This is H5
###### This is H6

It even works on here:

This is H1

This is H2

This is H3

This is H4

This is H5

This is H6

> This is quote

4 leading spaces is code

4 leading spaces is code

You can also _italicise_ and **embolden**

You can also italicise and embolden

More here: http://daringfireball.net/projects/markdown/syntax

Can I use mark down to change from one heading to different heading in the same line?

For example, if the all caps words are heading 3 and the other text is normal can I do something like this:

THE SQUARESPACE COMMINITY is really helpful answering my questions.

How can I do something like this using markdown?

No. Headings implicitly have a line break at the end of them.

However, you could use something like:

## Here is a heading <span> for you </span>

Where

h2 span {
   color:red;
 }

Would apply red text to the part of the h2 that is wrapped in a span.

---

I've actually created a plugin that adds h4, h5, h6 to the Squarespace text editor. So it can be done. The Advanced version also allows for additional headings, custom styles, superscript, subscript, underline and more.

-Brandon
Project Mgr. and Developer at Ignertia
Creator of Squint - H4, H5, H6 & Custom Styles for Squarespace

---