Is there a way to move where the comments section is on a page?


Thanks for taking a look at this!

I am working with zen as my theme and I think this might be more of a core confluence question. I am looking to move the likes and comments section to another location on the page...

Is this at all possible? I basically want to pick up the section and drop it in another location on the page...



3 answers

1 accepted

0 votes
Accepted answer

Hi Aaron,

At this point, the only option is to hide/show the likes/labels and comments sections. The rationale for that is the lengthy (potential) nature of the comments section.

What did you have in mind?


hey darryl,

thanks for the response, I was looking to put them into one of the zen-sections I had on my page. I have a tabbed section set up and wanted one of the tabs to have the comments section in it.



Interesting idea. I would be very leery of trying to move the comments section . . . it's a complex beast with lots of functionality attached, not the least is the embedded rich text editor, and lots of URL forms to link to/highlight individual comments, which would conflict with the tab sections (and who knows what).

We've managed to stay sane over the years having learned not to wrestle too much with the comments infrastructure. :-)

sounds good to me. Its not necessary that its moved though just thinking out loud.


This is possible with the aid of jQuery, a JavaScript library. Confluence pages are well structured, so plenty of hooks (named elements, and those with specific classes) to help pick out regions and then move them elsewhere. Methods like append() and appendTo() will be helpful -

You'll need the html macro to be enabled to be able to write the script tag and the jQuery statements within it.

While this is true with most page elements, I definitely would NOT recommend this approach with the comments feature. Please see note above.


Here is an example of making some tweaks with JS... comments explain what's going on. Whilst what CharlesH says is correct, you have to bear in mind that there is no published API for the javascript side, so element names change between versions, and that some of the elements are loaded by javascript, so you can run into timing issues.

Anyway, experimentation using the chrome console is definitely required to get what you want.

    $(function () {
        if ($("meta[name='ajs-space-key']").attr('content') == 'XYZ') {

            // Don't float the logo left, remove the bottom margin, make the title a bit smaller
            $("#title-heading img.logo").css("float", "none").css("margin-bottom", "0.0em");
            $(".pagetitle").css("font-size", "20px");

            // move title from span to div so we get a break
            var title = $("#title-text").html();
            $("#title-text").replaceWith("<div id='title-text'>" + title + "</div");

            // Move the page info section below the labels.
            // Don't use any other element IDs as most don't exist when this runs
            $(".page-metadata").css('float', 'right');

Suggest an answer

Log in or Sign up to answer
Community showcase
Published 7 hours ago in Agile

How Scrum works? It starts with training and education

To answer “How scrum works,” most of the teams I've worked with first addressed the question: “where to start?”  That question applies to both implementation and improvements on the Scrum framew...

74 views 2 3
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you