You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
The Atlassian Community can help you and your team get more value out of Atlassian products and practices.
I have edited the global Stylesheet so that our Confluence instance isn't stretching 3000px across our workplace's ultrawide displays.
Here's how it is vanilla (terrible)...
Some simple CSS code in the Global Stylesheet targeting the Page element, centred the page and added a max width:
Now it looks like this!
Great! Except the sidebar... Instead of the sidebar sitting inside the Page element (like normal wiki's - see Wikipedia for a correct example), the sidebar sits in the margin (boo!).
I think the classname acs-side-bar ia-scrollable-section affects the sidebar, meaning it doesn't move because the class Position is absolute?
I believe I need to offset the sidebar so it is relative to the the Page element, but I'm not very good at offsets.
Can someone please help on how I use the global stylesheet to offset the sidebar relative to the page element.