About the Contra Theme

Getting started

The DnnContra theme/skin is for everyone to use for FREE, use it out-of-the-box for your Dnn8/Dnn9 website or build and customize it to fit your blog, business, store, agency or whatever you are building.


  • It's FREE and open source
  • 4 skin layouts
  • 25 containers
  • 23 pre-defined accent color variations available
  • 1000's of color combinations available
  • Fully responsive
  • Fully customizable
  • All NEW features of Bootstrap 4
  • Uses flexbox for the grid and companets
  • Easy to use and understand
  • Can be used as a tutorial on building your own skins/themes for Dnn
  • And much, much more


The DnnContra theme for Dnn uses Bootstrap 4 and is the first Dnn theme to be based on the new Bootstrap version. All features of Bootstrap 4 can be used within the theme.

To find out more about Bootstrap 4, I would suggest you to read up on the framework and become familiar with it to get the best out of the DnnContra theme. Click here to go to the official Bootstrap site

How do I get the DnnContra?

The DnnContra theme can be downloaded free on the DnnStore and source can be downloaded from Github. Please choose below which version you would like to use.


Make you life allot easier, use the DnnContra OpenContent templates to easily place your content, sliders, videos and allot more


Buy them NOW!

Theme Requirements & installation

The DnnContra them was created for Dnn8 & Dnn9 and upwards.
To install follow the steps below:

  • Download and un-block the zip file using the link above
  • Go to Host > Extensions > Install Extension wizard to install the Bootster skin pack
  • After the installation has been completed, navigate to Admin > Site Settings > Basic Settings (tab) > Appearance (section) and specify portal and edit skins and containers to the DnnContra theme.


For detailed on installing extensions please visit the official Dnn Documentation Center, click here for instructions on how to install Dnn extensions.


The DnnContra theme is a free, open source project, because of the busyness we cannot guarantee that we can deliver support directly, saying that we will do our best to solve problems as soon as we can.


Installing on Dnn v08.00.00: There is a small bug in this version of Dnn that will stop the menu showing. To solve this is quite easy to do by following theses steps below:

Go to '/Portals/' folder of your Dnn install In this folder you will find a file called 'web.config' Open this file and search for the following 3 lines of html

<host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc"/>
<add namespace="DotNetNuke.Web.Mvc.Helpers"/> 
<add namespace="Dnn.Modules.DynamicContentViewer.Helpers"/>

Change them to the following:

<!--<host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc"/>-->
<!--<add namespace="DotNetNuke.Web.Mvc.Helpers"/> -->
<!--<add namespace="Dnn.Modules.DynamicContentViewer.Helpers"/>-->

Menu Warning: The DnnContra theme can handle multi level menu systems. When using perent/children menu items (dropdowns), to make sure that the menu system better handles the responsive menu system, disable the parent menu item and should not have content for that page. The reason for this is that in order to allow for better touch support on mobile devices clicking on the Parent item will open the submenu.

Homepage skin: On a fresh install of Dnn, the homepage skin is set via the page settings, to make sure that the skin is applied correctly, click the 'Edit Page' button, from the pull-down choose 'Page appearance' and in the popup, scroll down to 'Page theme'. Change this to the '' if you have set the DnnContra skin via the site settings or to 1 of the skin layouts of DnnContra.

Contributing to the DnnContra theme

If you would like to help out with the open source DnnContra project, please drop me an email or fork the project on Github