This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Heade H1 overlaps and get bold style

Resolved 7 replies premiumthemetheme-vantage
simon_json
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. simon_json 11 years, 6 months ago

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

  2. Andrew Misplon Staff 11 years, 6 months ago

    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. simon_json 11 years, 6 months ago

    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. simon_json 11 years, 6 months ago

    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. Andrew Misplon Staff 11 years, 6 months ago

    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. simon_json 11 years, 6 months ago

    Thank you! Works perfect!

    All the best!

  7. Andrew Misplon Staff 11 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread