nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to make Pagetree macro centered

Melanie Albrecht

On my title page, I want the following items to be centered: the heading, some text, a Livesearch macro, and a Pagetree macro.

When I display the page, it's all centred nicely, for a split second. Then, the Pagetree macro jumps to the left. The rest of the content stays centered.

I've tried these ways of forcing centering via editing the wiki markup:

<div align="center"> </div> around all of the content
style="text-align: center;" in each element
Both the div and the style

None works. Any advice?

image2016-6-16 9:6:46.png

Accepted answers

Milo Test

You can do it with the Div macro:

Put the Page Tree macro in the body and add

margin-left: auto; margin-right: auto; width: 18em

to the Styles field. You can play with the nem amount to control line wrap.

All comments

Steven F Behnke

The plugin is wrapped in a DIV which is a block element. It occupies the entire space given to it and thus cannot just be "justified."

I don't really see an easy way to change that behavior.

Milo Test

You can do it with the Div macro:

Put the Page Tree macro in the body and add

margin-left: auto; margin-right: auto; width: 18em

to the Styles field. You can play with the nem amount to control line wrap.

Melanie Albrecht

Thanks Milo

Unfortunately the Confluence administrator won't let us use the HTML macro, which I think would let me use the Div macro.

Milo Test

The Div macro is its own thing, is pre-installed and turned on by default in both Cloud and Server, and has nothing to do with the HTML macro.

Steven F Behnke

It is not pre-installed in server actually. It's part of Adaptavist Content Formatting Macro's I believe.

That happens to be currently pre-installed in Cloud however.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

confluence-administration