Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,467,688
Community Members
 
Community Events
177
Community Groups

Width of the footer wrong when I using my own design

problem.png

Hi,

I wrote an add-on with a theme and a color scheme according to the instructions https://developer.atlassian.com/server/confluence/writing-a-confluence-theme/. I'm using Confluence 7.4.3.

When choosing the design, the layout of the Confluence pages is affected.

The footer no longer adjusts to the width of the page. Now it's the width of the window + sidebar.

Does anyone know the problem or can help me?

Here is my code:

<theme key="entw-theme"
name="ENTW-Umgebung"
class="com.atlassian.confluence.themes.BasicTheme">
<description>Thema für die Entwicklungsumgebung</description>

<param name="includeClassicStyles" value="false"/>

<colour-scheme key="${project.groupId}.${project.artifactId}:entw-colours"/>
<space-ia value="true"/>

<!-- CSS -->
<resource type="download" name="default-theme.css" location="/includes/css/default-theme.css">
<param name="source" value="webContext"/>
</resource>
<!--<resource type="download" name="theme-entw.css" location="/css/theme-entw.css"/>-->

<!-- Images -->
<resource key="icon" name="themeicon.gif" type="download" location="/images/themeEntwIcon.gif"/>
</theme>

<colour-scheme key="entw-colours"
name="Farbschema für die ENTW-Umgebung"
class="com.atlassian.confluence.themes.BaseColourScheme">
<colour key="property.style.topbarcolour" value="#444444"/>
...
<colour key="property.style.navselectedtextcolour" value="#ffffff"/>
</colour-scheme>

 

3 answers

1 accepted

0 votes
Answer accepted

I added the following CSS. So it works properly.

#footer {
width:auto;
position:absolute;
right:0;
left:0
}

Experiencing this as well on confluence v7.13.7, did you manage to find out the issue?

0 votes

Hi @Rene Schwarzer 

I'm not sure what you expect from the sidebar. The footer is always is always fullwidth and your code doesn't affect any width with the style.

You could code in a padding right but I don't find a reason for that. Please explain this to me so I can help you!

I don't understand the behaviour of the code either. When the color scheme is enabled, the appearance of the footer is affected. In the picture, the behavior is clearly described. The grey area on the right edge does not belong there.

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
SERVER
VERSION
7.4.3
TAGS

Atlassian Community Events