Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
Explosive

Creating More Text-Formatting Dropdown Options - Adding H4, H5, H6, etc?

Question

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?

Edited by danieljs
retag

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 2

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?

Edited by alxfyv

I'm a retired attorney who was asked by a friend to build a website. In a prior lifetime, in a galaxy far, far away and long, long ago, I was a computer systems analyst / programmer. I'm a novice autodidact in CSS, JavaScript and HTML learning in part by example.. I've asked questions on this forum and been lucky enough to have others help me, so I'm inclined to answer any question I can. Pay it forward.

Share this post


Link to post
  • 1

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

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

Edited by silvabokis

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0

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?

Share this post


Link to post
  • 0

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.


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0


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

Edited by brandon

If a response helped you out, send a 'Like' 👍 (bottom-right) and/or 'Upvote' vote.jpg.c260784ece77aec852b0e3049c77a607.jpg (top-left)

Share this post


Link to post
Guest
This topic is now closed to further replies.

×
×
  • Create New...