Notifications
Clear all

Spacing of comment section is off

7 Posts
3 Users
0 Reactions
2,721 Views
 LATM
(@latm)
New Member
Joined: 6 years ago
Posts: 4
Topic starter  

After installing the WPDiscuz plugin, I find there is a large amount of space between the end of my article and the start of the comment section.  Then, there is a large amount of space between the comment section and my footer widget.  How can I tighten up that space?  Will this take CSS or is something else going on?  If I need to add CSS, what would that code be?  Thanks for any help you can offer.


   
Quote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 7 years ago
Posts: 6191
 

Hi @latm,

Could you please leave some example URL to allow us to check it?


   
ReplyQuote
 LATM
(@latm)
New Member
Joined: 6 years ago
Posts: 4
Topic starter  

Sorry. www.lifeatthemiddle.com. 


   
ReplyQuote
Arina
(@arina)
Support Team
Joined: 11 years ago
Posts: 101
 

Hi @latm,

This comes from your current active theme, it adds some additional padding after the article and before the comment area. To solve it, please navigate to Dashboard > Comments > Settings > Styling admin page, add the following CSS code in "Custom CSS code" textarea, save it, delete all caches, press CTRL+F5 on frontend.

.comments-area {
padding-top: 0 !important;
}

.inside-article {
padding-bottom: 29px !important;
}

   
ReplyQuote
 LATM
(@latm)
New Member
Joined: 6 years ago
Posts: 4
Topic starter  

Thank you Arina. I am away from my computer for a couple days but I’ll try it when I return and let you know how it worked. 


   
ReplyQuote
 LATM
(@latm)
New Member
Joined: 6 years ago
Posts: 4
Topic starter  

Hi Arina,

That seemed to help somewhat.  However, there is still too much space at the bottom - between "Subscribe" and "Recent Posts".  I tried div.comments-area {
padding-bottom: 0 px
} but it had no effect.

Also, I wasn't sure what you meant by press CTRL +F5 on the front end.  That did not seem to do anything.

Thanks, Mike


   
ReplyQuote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 7 years ago
Posts: 6191
 
Hi @latm,
 
Please try this CSS code. It should help you to solve the issue. 
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
padding-bottom: 0 !important;
}

   
ReplyQuote
Share:
Scroll to top