How to make spacing between h1 and h2

The H2 doesn’t immediately follow the H1 on your pages (so far as I can tell). So how could you increase spacing between them?

There is no H1 at all on the home page.

Could you specify a page and a position on the page where you need to do this?

Also adding try this, this is the code
https://www.w3schools.com/cssref/pr_text_word-spacing.asp

Also yes, agreeing with Jason, I see a couple of “headlines” as I scroll, what are you trying to space? Also H1 H2 is a sequence. Also maybe trying using a <p> tag to separate or a <div>

thank you for your replies, I added the <p> tags to first two headlines (h2,h3) on this entry:

https://blog.dynamics-for-operations.com/2017/09/26/wms-warehouse-filter-codes/

but without any effect.

Br,
Georg

Can you post the code here so it can be looked at. This can definitely be solved.

Hi,

this is the snipet of the html:

<p></p>
<h2><strong>1.1 Product filters</strong></h2>
<p></p>
<h3><strong>1.1.1 Warehouse Management --> Setup --> Product Filters --> Product filters</strong></h3>
<p></p>
Product filters can ...

and this is the code customized CSS:

.site-content{
background-color:#d3d3d3;
font-family: “Varela Round” sans-serif;
Color: #002060;
font-size: 13px;
line-height: 1.5;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 5px;
}

h2{
font-family: “Varela Round” sans-serif;
Color: #002060;
font-size: 25px;
line-height: 1.5;
padding-bottom: 0px;
margin-top: 0px;
}
h3{
font-family: “Varela Round” sans-serif;
Color: #002060;
font-size: 20px;
line-height: normal;
padding-bottom: 0px;
margin-top: 0px;
}
h6{
clear: both;
font-weight: 400;
line-height: 1.5;
margin-bottom: 5px;
color: #002060;
}

p{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5;

}

.entry-title{
font-size: 30px;
line-height: normal;
font-weight: 700;
}

.entry-meta span{
color: #002060;
font-size: 13px;
line-height: 16px;
padding: 0px;
}

/*
rechte Navigation
*/

.widget-title {
font-size: 13px;
line-height: normal;
padding-bottom: 0px;
font-weight: 700;
color: #002060;
margin-bottom: 0;
margin-top: 0px;
padding:0px;
}
.widget ul>li {
font-size: 13px;
margin-bottom: 0;
line-height: 1;
}
.widget ul a {
padding: 10px 10px 10px 22px;
color: #002060;
display: block;
}
.widget ul li {
list-style: none !important;
}
#secondary .widget ul {
padding-left: 0;
}

/*
Header Schrift
*/

.page-sub-header h1{

margin-bottom: 0;
Color: #002060;
font-family: “Varela Round” sans-serif;
}

#masthead {
background: #ebebeb;
Color: #002060;
font-family: “Varela Round” sans-serif;
}

#masthead .navbar-brand a, #masthead .navbar-nav > li > a{
Color: #002060;
Font-family: “Varela Round”;
font-weight: 400;
background:#ebebeb;
}

#masthead a:hover, #masthead .nav a:hover, #masthead .navbar-nav > li.active > a {
color: #002060;
font-weight: 400;
Font-family: “Varela Round”;
}

———

Hey, maybe change the padding and see what you get?

Hi,

I changed it to the following:

`.site-content{
background-color:#d3d3d3;
font-family: “Varela Round” sans-serif;
Color: #002060;
font-size: 13px;
line-height: 1.5;
padding-bottom: 0px;
margin-top: 0px;

}

h2{
font-family: “Varela Round” sans-serif;
Color: #002060;
font-size: 25px;
line-height: 1.5;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
}
h3{
font-family: “Varela Round” sans-serif;
Color: #002060;
font-size: 20px;
line-height: normal;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
}
h6{
clear: both;
font-weight: 400;
line-height: 1.5;
margin-bottom: 5px;
color: #002060;
}

p{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5;
padding-top: 0px;
padding-bottom: 0px;

}

The space between is still the same.

Any other idea? Thank you very much.

Yeah, change the line height see if that works.

Hi deereviewer,

now it is working. I changed the margin tag of the headlines to

margin: 10px;

Thank you for helping.

Br,
Georg

Wonderful! Glad it worked out! Team work matters ??