Move Header below C...
 
Share:
Notifications
Clear all

[Solved] Move Header below Comments

2 Posts
2 Users
0 Likes
470 Views
Posts: 1
Topic starter
(@hellopleasehelp)
New Member
Joined: 2 years ago

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.

1 Reply
Asti
Posts: 7060
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 years ago

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. 

Share: