To install this skin you must have a working version of Dotnetnuke already installed. If you need help to install
Dotnetnuke, follow the instructions in Documentation Center.
When you purchase our theme from dnngo.net, you will receive one large .zip file that contains everything inside.
Unzip that file to get all the content inside. Below is a full list of everything that is included along with a
brief description of each item. See the corresponding sections for info on installing the theme.
Notice: If you bought the theme from DNN Store
(http://store.dnnsoftware.com), then none of module files are included in the download package. It only include
DNN Skins, DNNGo_ThemePlugin and PSD files. If you need to
purchase modules, please contact us via email (firstname.lastname@example.org).
To use skins and modules, you must be running DNN 8.x or higher. We have tested it with DNN 8.x adn
By default, HTML editor will remove the div tags whose content is blank. For example: if we add the code <div class=”pt-20″></div> in HTML editor and click save, you will find the code is missing when you edit it afterwards. So we need to change the settings to prevent this from happening.
Exported page templates will allow you to reproduce our live demo pages.
Notice: after importing page template, the content of current page will be overwritten.
You can click the ThemePlugin button to go to settings page, and then choose different header styles in Header Layout
Each header includes very rich setting options, you can modify the color of whatever you would like to . For example:
text color, font size and background color etc.
Each header includes three kinds of layouts, which are Full, Boxed and BG-Boxed.
This skin contains Full Layout and Boxed Layout, you can set through Content Layout section.
With Boxed Layout applied, you can still set page background, it will display around the content. You can click link to check demo url of boxed
The background can be set as static or rotating image or any solid color for you choose to apply, also you can set
different background images for different pages.
Go to Content Layout settings, you can set width for skin on different devices, for example, you can set a width of
1400px for skin in over-large screen, so width of the content section is 1400px, you can also set auto for it, so
width of content section is the same as screen.
It includes settings for multiple kinds of pane layouts, for example, layout used for homepage is 0-12-0, layout used
for InsidePage-leftmenu is 3-9-0, and layout used for InsidePage-rightmenu is 9-3-0.
It will show animated progress bar when loading the page. There are many kinds of animation effects included in the
skin, you can set in Loading style. You can also apply GIF image as animation effect.
You can set the font color and size, link color, the color of H1-H6 etc of the content area.
In Boxed Layout mode, you are allowed to set a different background image for each DNN page. It will show background
image around the skin. You can make the settings following the steps below.
Choose Page Title Background in the Option for Show bg, save settings. As for how to set it, please refer to the way of
setting background images mentioned above.
It includes sidebar in InsidePage-leftmenu.ascx and InsidePage-righttmenu.ascx by default. Both LeftMenu and
RightMenu are showing sub menus under the second level. You can check the following two page demos. LeftMenu
You can create Google Map easily following these steps:
It requires to set logo of the whole DNN site in admin > site settings. If you need to set a different logo for
Roll Menu, Mobile view and different pages, please refer to what listed below:
It includes 18 homepages in the skin, each homepage is invoking individual css separately, for example, what being
invoked by HomePage01 is HomePage01.css, and what being invoked by HomePage02 is HomePage02.css.If you need to
apply codes of HomePage02 in HomePage01, you will have to check both HomePage01.css and HomePage02.css, as shown in
You can click the ThemePlugin button to go to settings page, and then choose different header styles in Page Title
You can change the text color, background color and background image etc for each Page Title layout.
You can create a new skin through ThemePlugin. Please note the new skin name shouldn't be the same as the current
The skin sub menus contain two types-Standard Menu and MegaMenu.
Standard Menu is the default menu type, the sub menus will be set to display in one column only, as shown in screen
MegaMenu will set sub menus to display in multiple columns, also you can display HTML module or third party module in
sub menus, as shown below:
You can set the MegaMenu as per steps below:
Additional effects can be added for MegaMenu through DNNGo_MegaMenuAddon module.
With this effect, a menu with multiple columns can be created. You need to set the menu items to show in Effect
Options. As shown in image below:
Tabs can be created with these three effects. Clicking on Add New Slider button will enable you to create tabs. As
shown in image below:
The color of texts and border can be set in Effects >Effect Options. As shown in image below:
Click "FONTS" nav in the ThemePlugin. You can add additional Google fonts and the fonts in TTF format.
You are allowed to set a different icon for each menu item. What we have used is Font Awesome Icons.
Click Edit Icon to set.
You can choose the icon you need through dropdown options, you can also find the icon you need through text
It is default by ThemePlugin that setting is only valid to one skin. If you need to apply the settings to all skins,
you will have to select Global for Scope in Skin Settings, as shown in image below:
You can click the link to check Coming Soon demo. Coming Soon
You can create the coming soon page easily following these steps:
You can click the link to check One Page demo. One
It will scroll to the corresponding area on the page when clicking the menu texts at the top. It will also do so when
clicking the dots on the right of the skin.
These anchors are generated through page's anchorTag. Codes are as follows. You can
place this piece of codes in page's HTML module, click the right anchor, then page will slide to this HTML module
<div data-title="ABOUT US" class="anchorTag" data-offset="-60" data-scrollshownav="true" data-menuanchor="true" > </div>
<div data-title="About Us" class="anchorTag" data-offset="-60" data-scrollshownav="true" data-menuanchor="true"> </div>
This skin contains a lot of short codes, it is very easy for you to use even you know nothing about js and css, all
you need to do is just copying the short codes to HTML module.
You can see this module in the banner section on the home page, we will guide you step by step to set up the module as the same as our demo site:
You can create the form through this module, click this link so you can check the module instruction details.
You are allowed to install the skin/theme on a single portal only , belonging to
either you or your clients. You are allowed to modify the skin/theme as per your own needs. But you must not
transfer your license of the skin/theme to others, or redistribute, distribute, resell or share the skin/theme, and
you can not modify the skin/theme as end product for selling at any marketplace. You shall not use the skin/theme on
websites that come with pornographic, defamatory or other illegal or immoral content.
The modules included in this skin/theme are only provided with Standard License, which allows you to install the
module on a single portal only , belonging to either you or your clients. But
you shall not publish the module in any place for others to download, resell or re-distribute the module in any
form, or transfer the permissions to anyone, crack or de-compile the module.
All images/photos used in our skin(theme) demo are just for demonstration purposes and shall not be used in any of
your site or distributed. If you like them, you can get them from these sites: shutterstock, pixabay, graphicburger,
unsplash, streetwill, getrefe, barnimages, picjumbo, designerspics, lifeofpix, kaboompics
Disclaimer: All trademarks are owned by their respective owners. We(DNNGo) are
not affiliated with them in any manner. All information on this page is for demonstration and/or informational
Free latest version is available if purchase is within 1 year.If your purchase is over 1 year, please contact
us at email@example.com
If you have any questions or suggestions about modules/skins or modules/skins installation process, please feel free
to contact us.