If you are an administrator of your FlexWiki site, you can change the visual appearance of your site by overriding the CSS styles used for the site. To do this, you need to add a key to your web.config file to indicate the CSS file to use for overrides.

For example:

 <configuration>
    <appSettings>
        <add key="OverrideStylesheet" value="/override.css" />

This will cause all of the pages generated as part of the wiki site to include your override stylesheet after including the standard (wiki.css) file. This means that you redefine styles that are defined in wiki.css to create your own look for your site. This is particularly easy since you only need to specify the properties that you want to override.

For example, you could have a CSS file like this:

 .Main
 {
   BACKGROUND: url(/watermark-mysite.jpeg) white fixed no-repeat center center; 
   border: solid 12px green;
 }


 .Sidebar
 {
   background: green;
 }

This would set the border around your site to be green and add a custom watermark to the content pages.

To view some styles created by the user community look at our StyleSheetLibrary begun by MurrayRoke

Question

What do I need to do to make CSS overrides have an effect on non-default namespaces? I've tried specifying the full URL for the CSS, '~/override.css', '/override.css' and 'override.css, but none of them have any effect on a page that is part of a non-default namespace -- DerekLakin

A: Sounds like a nice suggestion for the SourceForgeTrackers