Premium Theme Support › Themes Harbor › tdEditor

Reduce space above text in main content area

  • Author
    Posts
  • #133619
    danvillerotary
    Member

    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: (visible only to logged in users)

    #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
    danvillerotary
    Member
    Original poster

    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.