How to add extra height to a custom footer

Still need help?

The Atlassian Community is here for you.

Ask the community


To add custom HTML to allow for the extra height of a custom footer. When the height of your Confluence site footer is significantly greater than the default, you may find that the footer overlaps site content. If this is the case, you will need to add some custom HTML to your Confluence site.


  1. Choose the cog icon , then choose General Configuration under Confluence Administration.
  2. Click 'Custom HTML' in the 'Look and Feel' section of the left-hand panel.
  3. Click 'Edit'.
  4. Add the following code to the 'At end of the HEAD' textbox.

    <style type="text/css">
       #com-atlassian-confluence #main {
          padding-bottom: 200px;
  5. Click 'Save'.

You may need to adjust the code supplied in these instructions depending on the height of your custom footer

If your footer still overlaps site content, increase the 'padding-bottom' amount by the height of the overlap in pixels. Conversely, if there is an excessive gap between your footer and site content, decrease the 'padding-bottom' amount.

Last modified on Feb 23, 2016

Was this helpful?

Provide feedback about this article
Powered by Confluence and Scroll Viewport.