It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Confluence Default Theme: Change Font Size used in Sidebar


For years (?) my chosen theme for Confluence has been the Documentation theme. However, with the introduction/expansion of Blueprint and the sidebar capabilities (such as space short-cuts) I'm looking to move back to the Default Confluence Theme (this will be undertaken when we upgrade from 5.2.x to 5.3.x).

My one observation made during testing, is that the Default Theme Sidebar font is larger than that used by the Documentation theme. My QA team has asked whether the font size for the sidebar and only the side bar can be adjusted to something slightly smaller. I know the change is cosmetic, non functional, but I do sympathise with the request. In our instance we have quite a deep tree structure and in some areas some long page titles. The end result is that operators navigating using the sidebar (configured for page tree mode), are being forced to expand the sidebar area to see the page name, then contract it to see the content of the page..this then repeats when they return to the navigation. I'm aware the sidebar can be collapsed, but that's not a desirable state for the requirement.

Is changing the font size possible?

Many thanks!


2 answers

1 accepted

1 vote
Answer accepted
Davin_Studer Community Leader Oct 01, 2013

You can add custom CSS in the Confluence Administration to override the font size(Confluence Admin --> Look and Feel --> Stylesheet). For instance to override just the nav tree portion of the side bar this should work.

.ia-fixed-sidebar .ia-secondary-container .label {font-size: 9px;}

Many thanks Davin! I'm not too familar with CSS, the following syntax work for my needs (as it resembles the font-size being used in the Documtnation theme I'm migrating away from), this applies change to the entire sidebar navigation (as far as i can see). great stuff!

.ia-fixed-sidebar {font-size: 0.9em;}

I think this does not apply anymore? At least I cannot find any stylesheet except the pdf stylesheet options...

I have a similar need - we use the default theme but I want to change the sidebar display to show all child pages. shows how to change text wrapping iin the default theme sidebar using CSS in the stylesheet configuration - so the method is consistent - just need the correct code or macro.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted in Confluence

How is your team having fun and bonding, remotely, utilizing Confluence?

Thanks everyone for answering last week’s question. The winner of the random drawing from those who commented is: @LarryBrock I’ll contact you separately with your prize details. This wee...

327 views 9 7
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you