Creating Themes

Information on DNN Community Forums Themes.

Theme location

Since version 08.00.00 Themes are located in the "Themes" folder. A Theme is essentially a folder containing all files for that Theme. The rendered HTML is generated from the files in the Templates folder

Overule Forum Theme Styles

New DNN Community Forums Module v 08.00.00

To overrule a Forum Themes Styling, you can create a folder named "custom" and place a file "theme.css" in it. The Forums module will load this custom/theme.css Styleheet if it exists. This is a way to overrule some default Styling of a Forum Theme.

Warning on the Forum Module Default Themes

When you upgrade the Module:

• The "custom/theme.css" file will not be overwritten.
• All other files of the default Forum Themes will be overwritten though.

So when you need to edit more than just "custom/theme.css";

• Make a copy of the Theme folder first and make your changes in there.

This will avoid your changes getting overwritten on a Module upgrade.

Create your own Theme

When you base your theme off a Theme that comes with the Module, make sure you copy the Theme folder. If you edit the existing Theme, your changes will be overwritten when the module gets updated.

Community Forums's Stylesheets Load order:

/DesktopModules/ActiveForums/module.css
General Module Stylesheet.

Please note that for Module version 08.00.00, Legacy CSS in this file was moved to: /DesktopModules/ActiveForums/Themes/_legacy-module.css
Legacy (pre v8) Themes should probably load this file by adding this at the top of it's theme.CSS
@import url(../_legacy-module.css);

/DesktopModules/ActiveForums/themes/themes{.min}.css
Here you can add CSS for all Themes, this file is created on install of the module but not overwritten on upgrade.

DesktopModules/ActiveForums/themes/<>/theme{.min}.css
CSS for your theme

DesktopModules/ActiveForums/themes/<>/custom/theme{.min}.css
You can use this file to overrule the CSS of an existing Theme