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; } } }

Documentation theme: Hard/Impossible to change layout of a theme

Frank Ruenagel

Hi,

beginners question:

we simply want to push the reference to the last editor (line below header of a page) to the bottom of the page. This seems not to be possible without deeply step into theme generation? How do I change the template of a theme?

Or different asked: How can I achieve a editable documentation-theme-like Layout (with tree oh the left) without themes?

Why do you introduce themes, if they are not cusomizable?

Thank you.

Frank

Accepted answers

David at David Simpson Apps

OK, try this:

To move the "Adding by/Last edited by" section to the end of the content for the Documentation Theme only...

Browse to Confluence Admin | Look and Feel | Custom HTML

In At the end of the HEAD, paste:

&lt;script&gt;
  AJS.toInit(function(){
    AJS.$('body.theme-documentation .page-metadata').prependTo('#labels-section');
  });
&lt;/script&gt;

..then save.

It's much easier when you manipulate the DOM client-side

All comments

David at David Simpson Apps

This is the opposite of "Would like the labels to be on top of pages instead of the bottom. Is this possible?"

Browse to: Confluence Administration | Look & Feel | Layouts

in the Content Layouts section, edit Page Layout.

Move this line:

#parse ("/decorators/includes/page-metadata.vm")

...above this line:

#parse ("/labels/labels-editor.vm")

That's it. If you're using a custom theme, then you'll need to edit the page.vmd file in your theme.

briburt

Where do you find the page.vmd file for a theme? All I can find is the one for the default theme located in the /confluence/decorators directory.

Let's hope that making such a simple change to a page layout does not involve downloading the jar file of the theme, making edits to the page.vmd in the jar file, and then redeploying the jar as a plugin. If so, that is a very cumbersome design, to say the least.

David at David Simpson Apps

OK, try this:

To move the "Adding by/Last edited by" section to the end of the content for the Documentation Theme only...

Browse to Confluence Admin | Look and Feel | Custom HTML

In At the end of the HEAD, paste:

&lt;script&gt;
  AJS.toInit(function(){
    AJS.$('body.theme-documentation .page-metadata').prependTo('#labels-section');
  });
&lt;/script&gt;

..then save.

It's much easier when you manipulate the DOM client-side

briburt

Thanks for that code snippet. Works perfectly!

Kenn North1

as described in this answer https://answers.atlassian.com/questions/21912/how-do-i-override-css-styles-in-the-documentation-theme
that's exactly what is done. You create a new theme and upload it as a new jar plugin.