Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #300923

    Norseman Capital
    Participant

    Any chance I can get some assistance in reducing the space above my <h2> tags and the content right above it? Seems like there’s a large gap right before every h tag I enter.

    Thanks!

    #300924

    Norseman Capital
    Participant

    I’d also like to decrease the space on this page between the title and the content, but only on the page. On the posts it seems my spacing is fine.

    Please see link below:

    uphoming.com/about

    #301224

    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in!

    To reduce the space above your <H> tags, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    h1, h2, h3, h4, h5, h6, 
    .h1, .h2, .h3, .h4, .h5, .h6 {
      margin-top: 20px;
    }

    And to decrease the space between the title and the content of the page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .offset.cf {
      margin-top: 10px;
    }
    
    .x-header-landmark {
        padding-bottom: 0px;
    }
    
    .entry-content {
      margin-top: 0;
    }

    Feel free to change the numbers. Please let us know how it goes.

    #301440

    Norseman Capital
    Participant

    The top of the page code seems to work, although I had to not use the entry content bracket due to it affecting the actual posts.

    The code for reducing the heading space above the headers is not working. Please assist, thank you!

    #301552

    Rupok
    Member

    Hi There,

    If you want to change only in pages not in posts then just use a preceding .page class. Like –

    .page h1, .page h2, .page h3, .page h4, .page h5, .page h6{
      margin-top: 20px;
    }

    If you want to reduce the heading space then also use margin-bottom: 0 property. Like –

    .page h1, .page h2, .page h3, .page h4, .page h5, .page h6 {
      margin-top: 20px;
      margin-bottom: 0;
    }

    If you want to reduce it even more then use –

    .entry-content p {
    margin-bottom: 10px;
    }
    

    Hope that will solve your problem.

    Thanks

    #301565

    Norseman Capital
    Participant

    thanks will try this.

    #301568

    Norseman Capital
    Participant

    Let me reclarify the issue.

    On my Pages AND posts, I want to reduce the space above each h tag. Both of the codes you provided have not worked.

    On my Pages ONLY, I want to reduce the space between the content and the title.

    Both of the provided codes have not yet worked.

    Thanks.

    #301657

    Rupok
    Member

    Hello There,

    Sorry for the confusion. Would you please take a screenshot and mark the space you want to reduce? That will help to identify your issue correctly.

    Thanks

    #301716

    Norseman Capital
    Participant

    Please see the additional spaces.  The Title tag has the space on PAGES ONLY, and the H tags have the space on every page and post.

    #301729

    Rupok
    Member

    Hi There,

    Try the codes below. It should solve your issue. Feel free to change the values with your own.

    .page .x-header-landmark {
      padding-bottom: 0;
    }
    
    .page .entry-content {
      margin-top: -10px;
    }
    
    .page h3 {
      margin-top: 20px;
    }
    

    Cheers!