Confluence 6 CSS Guide: Modifying the top background

Confluence the top of the default page is a menu connection for the site, where quick connect , browse menus, user menus, and Quick Find input boxes are defined. In this example, we will try to modify the background of the menu section at the top and some custom pictures.

1. Create a custom picture. In this example, we will create a custom header image, using 1046 x 61 pixels.
2. Upload your custom images to the space page you want to customize.
3. Note that you need to upload a new image (in this case the page ID is 658833839).
4. Create your own custom CSS file for the modification of your head. In this example, we upload a new image file (called header.png) for a specific page ID (page ID of 658833839). This file is also in the same space.
   

   #header. Aui-header  {       background-image:url ('.. /download/attachments/658833839/header.png ');       background-repeat:no-repeat;    }

5. Log in to the system as a space administrator.
6. Open the spatial administrator interface.
7. Click the style sheet (Stylesheet).
8. Click Edit to modify the code in the text input box.
9. Post your custom CSS file into the text input box.
10. Click Save and reload the page (you may need to force your browser to refresh). The background of the space will be modified.
11. The custom header file will be applied to all pages in the space. If you want to delete this change back to the original state, you can simply delete all the contents of the stylesheet and click Save .

Https://www.cwiki.us/display/CONFLUENCEWIKI/Basic+Styling+Tutorial

Confluence 6 CSS Guide: Modifying the top background