[Solved] Move Header below Comments

✦ Summarize Topic

How-to and Troubleshooting

Last Post by Asti 3 years ago

2 Posts

2 Users

0 Reactions

1,328 Views

RSS

Posts: 1

HelloPleaseHelp

Topic starter

Translate ▼

Aug 09, 2022 6:38 pm

(@hellopleasehelp)

New Member

Joined: 3 years ago

[#4759]

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.

This topic was modified 3 years ago by HelloPleaseHelp

1 Reply

Posts: 8217

Asti

Support

Translate ▼

Aug 10, 2022 11:55 am

(@asti)

Illustrious Member

Joined: 8 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.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.