Reduce space above text in main content area

  • Author
    Posts
  • #133619

    There is too much white space above the text headers (H2) on my pages for some reason. How can I reduce that white space so the headers line up with the gray box on the right side? Example of a typical page: https://danvillerotary.blog/our-mission/ Thank you!

    The blog I need help with is danvillerotary.blog.

    #133625

    tarasdashkevych
    Theme Author

    Hello,
    Thank you for the link!

    To reduce this white space, please use this custom CSS:

    
    .single .entry-content h1, 
    .page .entry-content h1, 
    .comments-area .comment-body h1, 
    .single .entry-content h2, 
    .page .entry-content h2, 
    .comments-area .comment-body h2, 
    .single .entry-content h3, 
    .page .entry-content h3, 
    .comments-area .comment-body h3, 
    .single .entry-content h4, 
    .page .entry-content h4, 
    .comments-area .comment-body h4, 
    .single .entry-content h5, 
    .page .entry-content h5, 
    .comments-area .comment-body h5, 
    .single .entry-content h6, 
    .page .entry-content h6, 
    .comments-area .comment-body h6 {
        margin-top: 15px;
    }
    
    p, ul, ol, dd, dl, address, pre, blockquote, p.intro, .mejs-container {
        margin-bottom: 15px;
    }
    

    Please let me know if you have any other questions.

    Thank you,
    Taras

    #133658

    Thank you so much! It worked!

    I have another question: I removed the wide featured image from the pages and wanted to remove it from posts as well. When I did that, the author/avatar section was up too high (covering up some of the menu). What would be the correct CSS to remove the wide image and move the author section down? Thanks!

    #133672

    tarasdashkevych
    Theme Author

    You are welcome! :)

    “What would be the correct CSS to remove the wide image and move the author section down?”
    – Please use this custom CSS to hide the featured image in single post views:

    
    .single ##single-featured-img-container {
      display: none;
    }
    
    .single .hentry .hentry-inner .entry-author {
      margin-top: 0;
    }
    

    Hope this helps.

    All the best,
    Taras

The topic ‘Reduce space above text in main content area’ is closed to new replies.