Mar 2

Written by: Joel Taylor
3/2/2007

In order to edit your portal's style sheet click on "site" under common tasks.  One of the last options on the site page will be the stylesheet editor. This editor will allow you to cusomize the css classes for your site.  If you know the names of the classes you will be able to add a line in your stylesheet to make them look the way you would like.

The Stylesheet editor is just a text area that allows you to edit the css directly.  It doesn't have any special editing tools or wizards.  Remeber to click "save style sheet" before clicking "Update". 



If you have internet explorer 7.0 and have installed the DevToolBar, use the view tool bar to view "class and id information".  This will show you the class and id information in your browser without having to sort through the html source.  Notice the blue text in the screen shot.



.skinheader
This class can set the background behind your logo.  Have you ever wanted to put a graphic behind the logo.  Add this css class to the stylesheet editor. 

.skinheader{
    background-image: url(wasm_gray.gif);
}

.pagemaster
You can see this class on the top left of the screen shot.  It can help you set the background colors and images. 

By using these techniques you have the ability to change the site design of your DNN Portal.

Tags: