How to Add Extra Spacing

Matt Bradford-Aunger Updated by Matt Bradford-Aunger

HelpDocs is designed with usability and accessibility in mind, but there might be times where you want to add additional spacing between paragraphs or around images.

The trouble is, most browsers automatically collapse empty paragraphs. This means in the text editor you might see spacing that doesn't show up in your published article.

Here's how to get around it:

Force Empty Paragraphs to Show

We don't recommend this workaround because accessibility is pretty darn important. 🙃
  1. Head to Settings > Code > CSS.
  2. Paste #article p { min-height: 1em; }
  3. Hit Save.

Add Spacing Around Images

  1. Head to Settings > Code > CSS.
  2. Paste #article img { margin-top: 2em; margin-bottom: 2em; }
  3. Hit Save.

What did you think of this doc?

Using a Background Image in the Header

Get in touch