Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2848347
Add spacing before and after heading
Closed

Comments

  • dertimoschmidt started the conversation
    August 13, 2021 at 9:07am

    Hi there,

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

    Thanks and best regards,

    Timo

  •  2,492
    PenciDesign replied
    August 13, 2021 at 1:59pm

    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 replied
    August 16, 2021 at 9:12am

    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

  •  2,492
    PenciDesign replied
    August 16, 2021 at 9:20am

    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
    August 16, 2021 at 11:13am

    Great it worked, thanks!

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

    Best regards,

    Timo

  •  2,492
    PenciDesign replied
    August 16, 2021 at 1:16pm

    Hi,

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

    Regards,
    PenciDesign.