Notifications
Clear all

[Solved] Height comment area, white space

11 Posts
2 Users
0 Reactions
1,045 Views
(@fvbussel)
Active Member
Joined: 5 years ago
Posts: 11
Topic starter  

There is a lot of white space between the post and the reaction form. After inspection (firefox) the white space is above the title ("Reageer op dit schrijve:") of the reaction form in the comments area.
How can I change it in wpDisquz?
I found this code at the CSS section of the plugin:

.comments-area{width:auto;}
#wpcomm .wc-form-footer {
display: block !important;
}

link: https://www.fvbussel.nl/wordpress/Blog   (redirects to the latest post with the reaction form)
The theme I use is twenty seventeen.

Thanks!


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

Hi @fvbussel,

Please put the following CSS code in the "Custom CSS Code" textarea. 

#comments {
padding-top: 0;
}

The issue should be solved. 

Please don't forget to delete the caches and press CTRL+F5 (twice) on the frontend before checking. 


   
ReplyQuote
(@fvbussel)
Active Member
Joined: 5 years ago
Posts: 11
Topic starter  

...this works. Thank you very much.


   
ReplyQuote
(@fvbussel)
Active Member
Joined: 5 years ago
Posts: 11
Topic starter  

The same problem I have is with the navigation bar ...I can't find the code.


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

@fvbussel,

I'm sorry, but I don't follow you, please leave some screenshot of the issue. 


   
ReplyQuote
(@fvbussel)
Active Member
Joined: 5 years ago
Posts: 11
Topic starter  

@astghik
Thank you for a reaction, very nice that you will help me because I think is not a plugin problem.
See the attach file.

commentsform

 


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

@fvbussel,

Yes this is a theme issue, however, the solution is simple, and we can help you to solve it. Just use this CSS code:

nav.navigation.post-navigation {
margin-top: 0 !important;
}

   
ReplyQuote
(@fvbussel)
Active Member
Joined: 5 years ago
Posts: 11
Topic starter  

@astghik

I added this code to the extra CSS section:
/* reaction form / white space */
#comments {
padding-top: 0;
padding-bottom: 0;
}
nav.navigation.post-navigation {
margin-top: 0 !important;
}
/*end*/

It works but still there's a lot of white space after the reaction form and the post navigation.
Reduced it by 50%????


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

ok @fvbussel,

Put this one as well. 

#wpcomm {
   padding: 1px 0 0 0;
   margin: 7px auto 0 auto;
}

   
ReplyQuote
(@fvbussel)
Active Member
Joined: 5 years ago
Posts: 11
Topic starter  

@astghik

Thank you!! ...Well, I think I leave it this way.


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

@fvbussel,

Once you have some comments it'll look better. 


   
ReplyQuote
Share:
Scroll to top