Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

[Closed] How to fix this JavasScript to change the sequence of div tags on my webpage?

2 Posts
2 Users
0 Reactions
1,058 Views
Posts: 1
Topic starter
(@madeline)
New Member
Joined: 5 years ago

I need to move around a div tag with wpf-topic-tags, so it shows just above the div tag with wpf-topic-form-wrap. I have tried using these 3 lines of code and none of them seems to work.

$(document).ready(function() {
$('.wpf-topic-tags').remove().insertBefore('.wpf-topic-form-wrap');
jQuery('.wpf-topic-tags').prependTo('.wpf-topic-form-wrap');
jQuery('.wpf-topic-tags').insertBefore('.wpf-topic-form-wrap');

});

I will appreciate if someone can please point me in the same direction.

Thanks.

 In case useful, I have wpForo like this  and I am trying to move the Tags field to be moved to show just before the Title field.


Topic Tags
1 Reply
Sofy
Posts: 5648
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

@madeline,

Try this one:

jQuery(document).ready(function() {
     jQuery("#wpforo #wpforo-wrap .wpf-topic-tags").prependTo(".wpf-topic-form-wrap")
});

It should work fine.