Skip to content

馃殌 [Feature] Increase margin of headings and rulers

Created by: Tirokk

sushidave Authored by sushidave Closed

馃殌 Feature

Increase the margin of headings and rulers of content of posts and comments to increase readability.

User Problem

The margins on headings and rulers are too little. Currently, the content of posts doesn't look nice if they contain headings or rulers and the readability suffers. The reason for this is that the stylesheet neutralizes margins for headings, lists and paragraphs...

h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0;
}

...but doesn't apply custom styles for headings.

Implementation

Add margins to the stylesheet for headings H3 H4 and rulers.

Design & Layout

Example for H3:

Before: hc-editor-styling-for-headings-now

After: hc-editor-styling-for-headings-future

Validation

Better readability and user satisfaction. Healthier eyes 馃憖

Additional context

As discussed with @Raimundo-dev today.