Reduce Confluence footer height and customization on Dashboard (Documentation theme)

[Erwann Loison]

Hello,

I've been trying for hours to customize the footer on my Dashboard without much success. I can hide elements using CSS or Custom HTML but its height remains extremely huge.

Visit http://support.randomcontrol.com to see what I mean

I customized the Dashboard and this might be the cause but nonetheless I'm stuck with a gigantic footer so far.

I would also like to edit the content of the footer to add my own company's credit (keeping the Atlassian stuff as I know it's against the license agreement to remove it). I know how to append an element using custom HTML but if there are better or other methods I'm all ears.

Thank you very much in advance for your help

[Steven Behnke]

What's the issue? You should override the following CSS properties because they are setting the width – 

#footer .footer-body {
    margin: 20px 0;
    padding: 0 10px 21px 10px;
    min-height: 44px;
    margin: 14px 0;
}

To more succinctly edit these files (rather than overriding or appending), check this out – https://confluence.atlassian.com/confkb/how-to-edit-the-footer-in-confluence-163415355.html

[Erwann Loison]

Hello Steven,

If only it was that simple...

The only thing I found that could force the footer to a smaller size is to write that script at the end of BODY:

<script type="text/javascript">
var screenHeight = $(window).height()-92;
$("#main").css("height", screenHeight+"px");
</script>

PS: You're setting margin twice to different values in your CSS.