Home>Support>Heade H1 overlaps and get bold style

Heade H1 overlaps and get bold style

By simon_json, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hi,
When my header H1 gets long and needs to rows, the second row gets on top of the first one. Its to little space between the rows. Example (Its a swedish site):
http://www.newgroove.se/musikaliska-guider/hur-och-var-koper-jag-musikinstrument/
All headers also switches between getting a sort of bold style. Especially when I’m logged in on WordPress, but also sometimes when I’m not. Please help!

URL: http://www.newgroove.se/musikaliska-guider/hur-och-var-koper-jag-musikinstrument/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago simon_json

    I alos wonder if its possible to adjust the space between to different headers?
    http://www.newgroove.se/musikaliska-tjanster/

  2. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Simon

    Apologies, that shouldn’t be happening, insert into Appearance > Custom CSS to resolve:

    .entry-content h1 {
line-height: normal;
}

    line-height will accept a px value if you want to get more specific.

    You could try using:

    <hr>

    In your Text widget and then style the HR under Appearance > Custom CSS:

    hr {
	height: 1px;
	background-color: #E5E5E5;
	border: 0;
	margin-top: 50px;
	margin-bottom: 50px;
}
  3. 10 years, 1 month ago simon_json

    Thanks for fast reply!
    .entry-content h1 {
    line-height: normal;
    }
    Works perfect!

    But I was not able to adjust the space between to headers using
    In this page: http://www.newgroove.se/musikaliska-tjanster/
    I use h2 and then a h3 under h2 – and I wonder if it possible to get a little less space between those?

    I think the code on the page is:
    Pianolektioner.
    Anpassade efter dig.
    And its between those two headers I wish less space.

  4. 10 years, 1 month ago simon_json

    But I was not able to adjust the space between to headers using HR
    In this page: http://www.newgroove.se/musikaliska-tjanster/
    I use h2 and then a h3 under h2 – and I wonder if it possible to get a little less space between those?

    I think the code on the page is:
    H2Pianolektioner.H2
    H3Anpassade efter dig.H3
    And its between those two headers I wish less space.

  5. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Perhaps try adjusting the heading bottom margin as follows:

    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin-bottom: 1em;
}

    You can use px there in place of ems.

  6. 10 years, 29 days ago simon_json

    Thank you! Works perfect!

    All the best!

  7. 10 years, 28 days ago Andrew Misplon
    Hi, I Work Here

    Super; glad that helped.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More