• +31(0)570 51 33 22

DnnConsulting Blog

Intro to the DnnContra theme for Dnn

Intro to the DnnContra theme for Dnn


The DnnContra theme for Dnn is the forth in the series of free, open source themes created by DnnConsulting.net.

This theme is a cross between the DnnBootster and DnnMDesign theme, with the choice of colors that the MDesign theme has and pre-designed color schemes like the Boostster theme. We have also created more css classes that help you easily create and customize the theme the way you want it!


Created with Bootstrap 4

The DnnContra theme uses Bootstrap 4 and that means that you can use all the newest functions of Bootstrap 4 which includes the new flex grid system and is used throughout the theme and components.

Theme information


  • Open Source: MIT License
  • Minimum DNN version: 08.00.00+
  • Bootstrap: Bootstrap v4.0.0.apha.6
  • 23 pre-defined accent color variations available
  • 1000's of color variations via the DnnContra color palette
  • Numerious css helpers for shadows, borders, lists etc.
  • All Bootstrap 4 components
  • Flexbox grid system
  • 8 inner page variations available
  • Layouts: 5 skin layouts:
    • Home skin
    • Inner skin (standard skin)
    • 404 skin (for page not found)
    • Admin skin (for admin pages)
    • Modal skin for popup like the login so that the skin displays correctly on mobile devices
  • Containers: 27. Simple styling that can be adapted to your own style.


The demo site, http://dnncontra.com has all the information for you to create a professional looking site using the Dnn platform: 1000's of color variations, shadow classes, border classes, tabs, accordions, sliders etc., etc.

Making it easier for you

For some creating professional content for you site with the components and color scheme is difficult. This is why we create 13 Open Content templates. The only thing you need to do is install Open Content, import the templates and that’s it, just input your content without copying, pasting and changing code that you don’t understand! For more information about these templates, click here to view what’s available.

Demo/info site : www.dnnContra.com
To download the theme, click here
For the source code, click here
Our other themes:


Total: 0 Comment(s)

Latest posts

Proof of concept: Dnn and Css grid working together!
1/31/2018 12:10 PM | Geoff Barlow
Setting up a Dnn theme to use Sass
6/3/2017 2:39 PM | Geoff Barlow
The DnnThemeEditor
4/7/2017 2:20 PM | Geoff Barlow
Intro to the DnnContra theme for Dnn
3/11/2017 2:56 PM | Geoff Barlow
Welcome to the FREE DnnMinimalist to the Dnn ecosystem
3/11/2017 2:54 PM | Geoff Barlow
The new Dnn9 Administration User Experience
11/3/2016 1:31 PM | Geoff Barlow
Intro to the DnnMDesign theme for Dnn using Bootstrap 3
5/12/2016 2:08 PM | Geoff Barlow
Using SVG files in a Dnn text/html module
4/18/2016 11:52 AM | Geoff Barlow
Placing social buttons in the DnnBootster theme
4/14/2016 4:30 PM | Geoff Barlow
Changing & creating DnnBootster color schemes
4/7/2016 2:20 PM | Geoff Barlow


.WeHostDnn : Dnn Hosting
emberWeb : Web Agency
(Avialable soon)
interschools : For schools
cmsXpress : Internet Solutions

DnnConsulting : The best choice in complete website solutions!

Contact us via email

or phone +31 (0)570 51 33 83