KB User's Guide - SitePref Tab - CSS for Full View
This document explains how fields in the Full View Layout / CSS screen can be used to modify the look and feel of a KB site.
The Full View Layout/ CSS Screen
Navigation: KB Admin Tools > SitePref Tab > FullView Layout/CSS link > Full View Layout/ CSS screen.
Links at the Top of the Screen
There are three links at the top the Full View Layout/CSS screen. The links lead to the default CSS file of each Site Layout. In the image below, the links are circled in red.
The table below gives a description of each Site Layout and provides an example.
|Site Layout Name||Site Layout Description||Live Site Example|
|Landing page base layout CSS||Fixed centered search only (without content/ side modules)||Used in Unified Sites like the Wisconsin Knowledgebase|
|Default site base layout CSS||Relative width (100% width up to 3 columns)||Like the UW Arrow Help KB|
|Default site base layout CSS||Fixed width (960px with 1 or 2 columns)||Like the Campus and Visitor Relations KB|
Internal Site Layout/ CSS & External Site Layout /CSS
The next section of the screen includes attributes for a Unified KB site or a KB site with a landing page of 1 to 3 columns. Each Site, Internal and External have their own set of attributes allowing each site to look distinct from each other.
The image below shows a detail of the External Site Attributes. The top five attributes are designated for Unified Site only.
Below the Unified Site attributes are six attributes for KB sites of 1 to 3 columns.
In the image below, you will see the attributes selected for the KB User's Guide External Site.
External landing page logo image path: Click on the Upload button to the right of this field and upload your logo. In the field provided, enter the image path.
External site logo image size: Enter a height and width for your KB logo.
External site logo image link to: You may enter an alternative KB Logo link here. You logo links to
External landing page base layout CSS: If your department or institution has it's own CSS file, Upload it and enter the path in the field provided.
CSS that controls the look and feel of the group's internal site is listed first. Site designers or admins may choose to enable one of the four versions or disable all custom css. Having different versions makes it easier to implement styling changes. It might be useful to have holiday/special occasion CSS, for example.
The Select to Enable Internal Custom CSS dropdown menu contains a Internal Custom CSS fields (one through four) that allow the KB Administrator to control which, if any, of the Internal Custom CSS fields should be used to overwrite the Common CSS. Only one of the five items in the dropdown menu can be selected at any given time.
The drop down menu selections designate the four Internal Custom CSS fields that KB Administrators may use to overwrite the default CSS. Enter custom CSS in these boxes and click the Update button next to the Select to Enable Internal Custom CSS drop down menu to save any changes.
Fields that make the same changes to the External Custom CSS are found immediately below the Internal Custom CSS fields.