How to Add Extra Spacing

Jake Peters Updated by Jake Peters

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?

How to Change the Logo Link

Adding Lightboxes to Images

Get in touch