Reduce space above text in main content area
-
AuthorPosts
-
danvillerotary
MemberThere 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)
tarasdashkevych
Theme AuthorHello,
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,
TarasThank 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!
tarasdashkevych
Theme AuthorYou 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.