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.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months 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, 10 months ago simon_json

    Thank you! Works perfect!

    All the best!

  7. 10 years, 10 months 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