• Support notice: Alex (MD + XFtoWP lead developer) is back from a short absence and will answer support questions as normal. Thank you for your patience!
  • Welcome to the all-new Kolakube support, the official place to get help for Marketers Delight, XFtoWP, CryptoWP, and other WordPress products! Please login with your account details to access members-only support forums.

Load More... Not Loading More Comments

Royal Rumble

Member
XFtoWP
Messages
5
Reaction score
2
Hi,

I'm hopeful someone will be kind enough to advise on an issue I'm having - I'm not sure if it's a XFtoWP issue, or a Theme issue.

Whenever I 'Load more' on comments, the comments don't load or if they do, they fall below the footer.

Example article is here and screenshot below. Any ideas would be very much appreciated

1689253363120.png
 
Solution
@Royal Rumble after taking a look around I came up with a CSS hack that should help you without breaking your show/hide comments functionality.

Add this line anywhere you place custom CSS to your site:

CSS:
.comments--reveal.active + .collapsible__content { height: auto !important; }
Hi @Royal Rumble! Good to hear from you, and apologies for the delay over a longer than expected summer break of mine.

Luckily XFtoWP is doing what it's supposed to, but there does seem to be a theme conflict with the comments toggle you have. I will poke around and see if there is an easy CSS fix we can make.
 
Comment
@Royal Rumble after taking a look around I came up with a CSS hack that should help you without breaking your show/hide comments functionality.

Add this line anywhere you place custom CSS to your site:

CSS:
.comments--reveal.active + .collapsible__content { height: auto !important; }
 
Comment
Solution
Thanks a bunch Alex! That's above and beyond support.

I did manage it a bit with;

CSS:
.collapsible__content {
    overflow: auto;
}

... but it wasn't the best but your CSS snippet is perfect.

Thanks again
 
Comment
@Royal Rumble Happy to help. There is also one more CSS tweak you can make to prevent this overlap effect in the comments like button:

Screen Shot 2023-07-20 at 22.51.27.png

CSS:
.forum-comment-actions:after {
    clear: both;
    content: '';
    display: table;
}

That will clean up the spacing to look a lot better:

Screen Shot 2023-07-20 at 22.52.37.png
 
Comment
Back
Top