I would like to have the comments ("wpd-comment-text" div) to show before the "wpd-comment-header" div.
I've seen the customisation info re: class.wpdiscuzzWalker.php and the layouts folders, etc. but am not very savvy and can't make it work easily or without spending hours trying to get my head around what's happening. E.g. I tried to move around the shortcodes in footer.html and header.html but that doesn't help and I can kind see why not in the class.wpdiscuzzWalker.php. But as I said, I don't know php and don't want to mess things up.
You can use the CSS solution below if you can't customize the template files:Â
#wpdcom .wpd-comment .wpd-comment-right {
display: flex;
flex-direction: column;
}
#wpdcom .wpd-comment .wpd-comment-header {
order:2;
}
#wpdcom .wpd-comment-text{
order: 1;
}
#wpdcom .wpd-comment-footer{
order:3;
}
Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.
BTW: the values of the order CSS property can be changed for each CSS rule.Â
