The code in this article only works on V1, V2, and V3 templates, and we no longer maintain it.
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. π
- Head to Settings > Customize > Code > CSS.
- Paste
#article p { min-height: 1em; } - Hit Publish, then confirm with Publish (you'll see Save instead if your plan doesn't include drafts).
Add Spacing Around Images
- Head to Settings > Customize > Code > CSS.
- Paste
#article img { margin-top: 2em; margin-bottom: 2em; } - Hit Publish, then confirm with Publish (you'll see Save instead if your plan doesn't include drafts).