[Support request] Space under subheadings

Hi Kiva,

Do you use GenerateBlocks? If so, you can use the headline block of GenerateBlocks, it gives you full control over the spacing around it, and you can change its paddings/margins easily without using a separator.

If you don’t use GB, then try adding this CSS so you can define the margin of the separator:

.entry-content hr.wp-block-separator {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

Also, how to make the separators just a plain black stripe rather than two stripes?

It’s showing 2 lines, because of this CSS, it adds a border to the separator:

.wp-block-separator {
    border: 1px solid;
    border-right: none;
    border-left: none;
}

But this CSS seems added by WP, do you see any settings in the Seperator block?

As the Separator block is a WP core block, GP doesn’t have much control over it.

Hi there,

you can use this CSS to make the HR separator a solid line and adjust its default top and bottom margins:

.entry-content hr.wp-block-separator {
    border: 0;
    height: 3px;
    background: #000;
    margin-top: 30px;
    margin-bottom: 30px !important;
}

And if you want to specifically style it when it comes after a H2 heading then add this CSS:

.entry-content h2 + hr.wp-block-separator {
    margin-top: 0;
}

Note that the H2 has bottom margin that is set in the Customizer > Typography but changing that will affect all H2s.

The alternative would be to:

1. Don’t add a separator.
2. select the Heading block and in give it an Advanced > Additional CSS Class of: has-underline
3. Add this CSS to your site:

h2.has-underline {
    border-bottom: 3px solid;
    padding-bottom: 10px;
}

Try this:

.entry-content hr.wp-block-separator {
    border: 0;
    height: 3px;
    background: #000;
    margin-top: 0px;
    margin-bottom: 30px !important;
}

can you see the change ?

The top margin works if I disable your wp rocket by adding ?nowprocket to the URL:
https://www.screencast.com/t/OKuSlwtxsKy2

If this is not what you see, make sure the cache is cleared, or simply disable WP rocket.