Notifications
Clear all

[Solved] How to remove gaps in comments

10 Posts
3 Users
0 Reactions
1,777 Views
(@madvien)
Active Member
Joined: 6 years ago
Posts: 8
Topic starter  

Hi, 

I just want to ask how to remove gaps in old comments (before installing WPDiscuz) without editing it manually?

Here's what it looks like:

 

Thank you!!

This topic was modified 6 years ago by madvien

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

Hi madvien,

This is a CSS conflict with your theme or some other plugins. We'll need your website URL to check and provide some CSS solution for you. 


   
ReplyQuote
(@madvien)
Active Member
Joined: 6 years ago
Posts: 8
Topic starter  

Hi Astghik,

Here's our website URL:  https://animalso.com/

Thanks for your help!


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

Hi @madvien,

Please reactivate wpDiscuz to allow us to check it and provide some solution for you. 


   
ReplyQuote
(@madvien)
Active Member
Joined: 6 years ago
Posts: 8
Topic starter  

Hi @Astghik,

Apologies I forgot that it's still on our staging site. Here's the link -  https://staging.animalso.com/

Thanks!


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

@madvien,

Please navigate to Dashboard > Comments > Settings > Styling admin page, add the following CSS code in "Custom CSS Code" textarea, save it, delete all caches, do CTRL+F5 on frontend. 

#wpcomm .wc-comment-right .wc-comment-text {
display: flex;
}

   
ReplyQuote
(@madvien)
Active Member
Joined: 6 years ago
Posts: 8
Topic starter  

Perfect! Thanks @Arina and @Astghik for the help! 🙂 


   
ReplyQuote
(@madvien)
Active Member
Joined: 6 years ago
Posts: 8
Topic starter  

Hi @Arina - I noticed just now that the approval status is showing on the side instead of the horizontal look above the comment to moderate. 

See screenshot:  https://prnt.sc/ltut5m

Thanks!


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

Hi @madvien,

Please remove the code provided before and add this one. It should solve the problem. Please don't forget to delete caches before checking.

#wpcomm .wc-comment-right .wc-comment-text {
display: flex;
flex-direction: column;
}

   
ReplyQuote
(@madvien)
Active Member
Joined: 6 years ago
Posts: 8
Topic starter  

Hi @Arina - perfect! It worked. Again, thank you so much!


   
ReplyQuote
Share:
Scroll to top