Add spacing before and after heading

Public Ticket #17751

Add spacing before and after heading

Conversation thread

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

We'll consider adding more options about font spacing in the future update.

Regards,
PenciDesign.

dertimoschmidt replied

5 years ago

Customer Reply

Great it worked, thanks!

Is it foreseeable that it can be set via the GUi in the customizer in the future?

Best regards,

Timo

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

If you want to apply for all heading tags, please modify the code like this:

/* single post page */
.penci_breadcrumbs + .penci-post-item h1,
.penci_breadcrumbs + .penci-post-item h2,
.penci_breadcrumbs + .penci-post-item h3,
.penci_breadcrumbs + .penci-post-item h4,
.penci_breadcrumbs + .penci-post-item h5,
.penci_breadcrumbs + .penci-post-item h6,
.penci_breadcrumbs + .penci-post-item .penci-entry-title {
    margin-top: 10px; /* spacing on top */
    margin-bottom: 10px; /* spacing on bottom */
}

Regards,
PenciDesign.

dertimoschmidt replied

5 years ago

Customer Reply

Hi,

thanks for your reply.

The last code:

/* single post page */
.penci_breadcrumbs + .penci-post-item .penci-entry-title {
    margin-top: 10px; /* spacing on top */
    margin-bottom: 10px; /* spacing on bottom */
}

... only works for the H1 and not for the other headings in the post.

Best regards,

Timo

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS, then paste the following custom CSS code:

div[class^='penci-block_'] .penci__post-title,
.penci-block_12 .penci__post-title {
    margin-top: 10px; /* spacing on top */
    margin-bottom: 10px; /* spacing on bottom */
}
/* category page */
.penci-archive .penci-archive__content .penci-post-item .entry-title {
    margin-top: 10px; /* spacing on top */
    margin-bottom: 10px; /* spacing on bottom */
}
/* single post page */
.penci_breadcrumbs + .penci-post-item .penci-entry-title {
    margin-top: 10px; /* spacing on top */
    margin-bottom: 10px; /* spacing on bottom */
}

Regards,
PenciDesign.

dertimoschmidt started the conversation

5 years ago

Conversation Start

Hi there,

how do i add an spacing before and/or after the headings in my posts?

Thanks and best regards,

Timo

Want to join this conversation or access attachments? Sign in first.