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

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.


0 vote

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 Join to answer
Community showcase
Maarten Cautreels
Posted Thursday in Off-topic

Friday Fun: What's your favourite beer/drink

As a Belgian, beer-lover and home brewer, beer is one of my great passions. I love the fact that with just a few ingredients (usually just water, hop and malt) you can create so many different tastes...

281 views 38 9
Join discussion

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
Atlassian Team Tour

Join us on the Team Tour

We're bringing product updates and pro tips on teamwork to ten cities around the world.

Save your spot