Getting Started with the CKS - Modify or Remove the Banner

Title

Modify or Remove the Banner

Priority

(2) Normal

Status

Not Started

% Complete

Assigned To

Description

The banner area is the top blue bar with the Community Kit for SharePoint text on it.

The banner/header area of the CKS has been designed to inspire, but not to restrict you to a single size, or look.

In the event you wish to change or remove the banner/header area, this is controlled through the style sheet.

Example 1: Change the Background Image and Height

From the Site Actions Menu, Select View all Site Content
Select the Shared Resources Library
Check Out, and begin editing the CUSTOM.CSS file. (Note: the icon will change when the file is checked out.)
Modify the following classes accordingly to change the background image and or height.
When satisfied, check the CUSTOM.CSS file back in.

/* Header Container (The color border around the image) */
.header-container {
background-color:#227ed2;
}

/* Header Image (The image itself) */
.header-image {
background-image:url('headerBG100ox.jpg');
background-repeat:no-repeat;
background-color:#227ed2;
color:#FFF;
height:100px;
/* border:1px dashed #FFF; */
}

Tips:

To remove the banner entirely, place DISPLAY:NONE; as the last property for both classes.
We recommend saving any background images to the Shared Resources library.

Start Date

2/18/2007

Due Date

Attachments