Don’t set body and html height to % in stylesheet if you are using cover pages . Set it to 99% instead. Formatting header. You can format bold texts by. Note: Make sure that style sheet is available on a server and provide absolute URL reference. Edit long Confluence pages by parts with InPlace Editor. Note that space stylesheets override the global stylesheet and the changes made in.

Author: Dataxe Guk
Country: Uruguay
Language: English (Spanish)
Genre: Art
Published (Last): 11 July 2005
Pages: 411
PDF File Size: 4.8 Mb
ePub File Size: 19.67 Mb
ISBN: 903-2-98515-766-2
Downloads: 78821
Price: Free* [*Free Regsitration Required]
Uploader: Kirisar

You could also edit styleshete the stylesheets that Confluence uses and insert some special stuff of your own, but. You can do this using many CSS editing tools. This page explains the facility for changing the look and feel of Confluence with CSS.

Your style has to work everywhere, not just in the first page you happen to be looking at. Skip to end of metadata. Be aware of any plans to upgrade your Confluence instance. Your style has sytlesheet work everywhere, not just in the first page you happen to be looking at.

Learn more about AUGs.

Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Before we begin with this guide it is important to understand thar our product does calculations and measurements to make content show up in the right place and position.

Styling Confluence with CSS – NYU Wikis Help Center – NYU Wikis

Creating CSS styles that work seamlessly across different browsers is a delicate task for basic web sites, and reasonably challenging when customizing web applications like Confluence. Another reason is that when you change the look using CSS, you’ll target a specific element using hard coded selectors, this means that if we for any reason change the attributes or positioning of the element, your customizations will no longer work as you might have anticipated.


Powered by Confluence and Scroll Viewport. Note that when you reference that file in your CSS, you simply use the name and not the path in the location. This is to ensure changes to CSS do not prevent administrators from accessing Admin functions in future. Now i created a DIV-Container inkl. Future versions of Confluence may not be compatible with your custom CSS — this may cause your CSS to break, requiring maintenance when Confluence is upgraded.

Try resizing each page that exists in Confluence. A t tachments 6 Page History. If your requirements goes beyond this we would be happy to direct you to one of our consulting partners to help you out further.

The simpler the UI, the easier it may be for them to use. As creating custom CSS has potentially limitless possibilities, Atlassian will not support issues that are caused by or related to CSS customisation. Follow the examples in the Basic Styling Tutorial to get started. Quick demonstration The quick demonstration is the Easy Blue themewhich you can download here: Be default the HTML macro is turned off, so you would need to enable it.

Creating a Stylesheet Theme

Harley Flanagan Jul 04, This is one of the reasons we do not provide any possibility of changing the some parts out of the box, for instance the font. Your designs needs to degrade gracefully. Most themes that you write for Confluence will actually rely on the default theme stylesheets in Confluence. You can upload a CSS text file, or simply type in a stylesheet, and apply it to a space or even a whole Confluence site. Go to the Dashboard to verify the result.


It’s not the same without you Join the stylesheet to find out what other Atlassian users are discussing, debating and creating.

One thing that we’re a Otherwise, register and sign in. The Atlassian Community is here for you. Kathleen James Jul 01, Future versions of Confluence may not be compatible with your custom CSS — this may cause your CSS to break, requiring maintenance when Confluence is upgraded.

Creating a Stylesheet Theme

Any CSS styling applied to your site will not be applied to the Administration console. If you are not familiar with CSS, the w3schools page has an accessible introduction.

An easier confluenfe would be to add the html macro to your page and then you can put in some CSS only for that page. Take a note of the element selector and the CSS-property so that you can paste them in the custom stylesheet later.

We continually work to make the feature set more complete and more customizable. Report a bug Atlassian News Atlassian. Removing buttons or controls from the interface is not advised as it may frustrate your users and cause them to circumvent your design by using direct URL access, as mentioned above.

When you have the selector for the element, add the CSS-property you want to change.