[Solved] Move Header below Comments

✦ Summarize Topic

How-to and Troubleshooting

Last Post by Asti 4 years ago

2 Posts

2 Users

0 Reactions

1,416 Views

RSS

HelloPleaseHelp

(@hellopleasehelp)

Posts: 1

New Member

Topic starter

Translate ▼

[#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.

Posted : 09/08/2022 6:38 pm

Topic Tags

Asti

(@asti)

Posts: 8262

Illustrious Member Support

Translate ▼

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.

Posted : 10/08/2022 11:55 am