Extra padding with Pagetree macro

[Matthew Godycki]

I have noticed that when using the pagetree macro, the rendered menu is left-padded with a large number of empty space. This can be even seen in the documentation for the pagetree macro available at https://confluence.atlassian.com/display/CONF33/Pagetree+Macro.

As you can see, the provided examples all include a hefty left-padding. It's obviously possible to somehow remove this padding given that the left navigation bar within the Confluence documentation itself does not contain said padding.

How do I go about removing this extra padding? Is there a parameter to the macro that I can use (although, documentation doesn't show anything) or a particular CSS style I can override in order to remove this excess padding?

[Adam Laskowski · Accepted solution]

The padding in the Doc Theme is set to -10px padding via this bit of CSS:

#splitter-sidebar .plugin_pagetree {
margin-left: -10px;
}

If you want to change the padding for all Page Tree macros in a space or in the site, you can add this CSS to either a space-level or global stylesheet (see Styling Confluence with CSS for details):

.plugin_pagetree {
margin-left: -20px;
}

This will not overwrite the Doc Theme's CSS because of the additional #splitter-sidebar definition. Also, when I used -20px in a local instance, it left a small indent for the Page Tree when lining it up with a block of Paragraph text. Using -30px put it fairly flush with the text blocks if you want that instead.

[Matthew Godycki]

Thank you, this answer solves the issue perfectly.