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.

    Select_to_enable_internal_custom_css

    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.

    CSSinternalcustom.png

    Fields that make the same changes to the External Custom CSS are found immediately below the Internal Custom CSS fields.




    Keywords:KB Admin Tools User Guide Header CSS default disable enable internal custom external   Doc ID:12075
    Owner:Teresa A.Group:KB User's Guide
    Created:2009-09-01 18:00 CSTUpdated:2017-03-14 09:33 CST
    Sites:KB User's Guide
    Feedback:  0   1