AI Assistant
Notifications
Clear all

Spacing of comment section is off

7 Posts
3 Users
0 Reactions
3,557 Views
 LATM
(@latm)
New Member
Joined: 7 years ago
Posts: 4
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
  [#3483]

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: 8 years ago
Posts: 6645
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hi @latm,

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



   
ReplyQuote
 LATM
(@latm)
New Member
Joined: 7 years ago
Posts: 4
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Sorry. www.lifeatthemiddle.com. 



   
ReplyQuote
Rina
 Rina
(@arina)
Support Team Registered
Joined: 12 years ago
Posts: 101
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 7 years ago
Posts: 4
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 7 years ago
Posts: 4
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 8 years ago
Posts: 6645
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 
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