Hey could you please help me set this site up? I am kinda confused on how this works. Please reply. I need help with setting the entire thing up.

Read the documentation. If you still have questions, send me an email with your questions and help you.
I am using this as a template for and mvc.net site. The problem is whenever I use an mvc checkbox, it cannot be checked. The reason for this is because mvc adds another control between the checkbox and the label; something the css was not prepared for. It adds a hidden input.

Any idea how I can alter the css for this please?


Send me the code that generates MVC and I'll find a solution.

My friend who bought this theme asked me to set this up, I am having difficulties setting this theme up, can i have some help on how to do it
I don't think he watches this thread anymore... :P
Ah, I might not need help any more asking one of my other friends, he said something like you need to install node.js and then use the command console to do other bits, but i have not got that far yet :(

No need to use the console unless you want to use Gulp or Grunt.

Simply use the contents of the dist folder with the template already generated as explained in the manual.

PS: Whenever I attend all the comments, just that sometimes I have work I took a little longer to answer.

I want users to be able to change the colour, so i need to use the Grunt?
Template, by default, is disabled panel color change.

Send me an email and I will send a version with activated panel. Send me an email here: https://wrapbootstrap.com/user/adrigm
You have a bug in your templates:

<!-- Preloader -->
<div id="preloader">
<div id="status"> </div>


Preloader div is in between </head> and <body>
where is it ment to be?, as i would need to fix it on my site when i start on it
Well, html tags like <div> must be between the <body> and </body tags, so i would move it right after <body>
I would like to know how to make a sticky footer?
infact this is a nice idea, also there should be a sticky menu bar

Could you please fix the 'Tabs with Dropdows' styling? Would be the best to use cool AR tabs with dropdowns, but restoring styling for the basic Bootstrap tabs would suffice, too.

The theme is great, yet lacks some basic Bootstrap functionality :(

Thanks in advance!

I noticed something on the colour changer for the theme, here is a screenshot of the issue http://i.imgur.com/YHbIxah.png it is missing the "Container Selector" to make the site full screen or not.

I have found a temp fix for this issue if any of you have this issue too, just change the css for "theme-options" change the position from "fixed" too "absolute", hopefully there is another way to fix this, as this way results you in editing every css for each colour, if you know another way to fix this then please let me know, maybe by adding a scroll in?.

under Dreamweaver, using dreamweaver templates to build pages, when i save a new page on a path different from the root i lose Awesome images. How to fix it?
Best regards
How can I change the header color from light grey to pure white?
To me http://prntscr.com/7nvfqm is white, it has a slight gradient to it, if yours is the dark one change "<header id="header-full-top" class="hidden-xs header-full-dark">" to "<header id="header-full-top" class="hidden-xs header-full">" or you will need to edit the css for the header, just change "background-image: linear-gradient(to top, #FFFFFF, #FFFFFF)" to "background-color: #FFFFFF"
I have tried to change the css as follow:
.header-full {
background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);

Changed to:
.header-full {
background-color: #FFFFFF;

But the header still in grey
Please help.
you are using this colour? http://prntscr.com/7o1l9q
No. I used the "dist\navbar_light" template
did you fix the issue?

You can add: !Important

.header-full {
background-color: #FFFFFF !important;
Hi there, great theme. I see Modernizr (http://modernizr.com/) breaks the site. Mouse scrolling doesn't work, etc. Can you perhaps see why this happens when I include the modernizr file?

I'll see what happens. And I'll solve it for no error.


How can I make it so people have an option to have a light and dark background option?

You can directly change the CSS. If you just want a cover of dark colors. It will be available in a future update.
i discovered a bad bug in this template. By a smartphone (i use an iphone) if you open the main menu (the one on the left) and try to clic under it, one the page, the menu fields react as if you clicked on them (they only change color, as when you have a rollover effect by a pc going over the menu with mouse pointer).
The same effect happens of you click on a menù field, you can see lights up another menù item...
I do not get to reproduce the error. Can you give me more details? A screenshot would be appreciated.

Hi, here you can find my screenshots: http://postimg.org/gallery/316ftjw3e/8ea7d7f2/
I posted a bug the other week, but i re post it just in case you never saw it.


I noticed something on the colour changer for the theme, here is a screenshot of the issue http://i.imgur.com/YHbIxah.png it is missing the "Container Selector" to make the site full screen or not.

I have found a temp fix for this issue if any of you have this issue too, just change the css for "theme-options" change the position from "fixed" too "absolute", hopefully there is another way to fix this, as this way results you in editing every css for each colour, if you know another way to fix this then please let me know, maybe by adding a scroll in?.


That will happen only if the screen does not have the minimum height. Manerar all the selector is supposed to be only for the demo version. If someone is going to use in a final version we could do better.

ok, thanks for the reply, I might edit it off my one since i doubt anyone uses it
I bought this template earlier this year and need to know if I can download this as an update?
I cannot login to my previous account and the reset password thing doesn't work.
Support can't be arsed replying to me.

What do I do?

You must contact the support Wrapbootstrao. Developers do not have access to customer accounts.

Thanks for taking the time to reply to me, far more than wrapbootstrap support are willing to do :(
You can install the wordpress platform?
https://wrapbootstrap.com/theme/artificial-reason-wordpress-edition-WB07KB22N wordpress version
Hi adgrim,
i need to change a little option. Consider the Login form (the top of page). If you clic on it it opens and this is great, but if you clic out of it, it closes. I need it closes only when you clic on Login button. Can you give me the istruction to obtain this result?

Best regards
Hola. Compré esta plantilla. Donde puedo activar El panel de configuración Flotante ? lo estoy corriendo en Local.

El panel de configuración está desactivado por defecto en la plantilla compilada. Debería usar la versión Gulp o Grunt para activarlo. Le pediría por favor emplear el inglés en los comentarios ya que es el idioma de la comunidad, si quiere usar el español mejor por correo electrónico. Gracias.


The "configuration panel" is disabled by default in the compiled template. Gulp should use the version to activate or Grunt. I would ask you please use English in comments because it is the language of the community, whether to use the best Spanish email. Thank you.
Hi, I get this error when I try to install it, can you please help?
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.

Thanks in advance

I think you're confusing the "HTML version" with "Wordpress version".
nonozone PURCHASED
I want to know how to change the logo,thanks.

Simply replaces the original logo for yours in the img folder.
I bought the web site back on Feb 15th (but couldn't work out what e-mail I used, so I created a new one).

Have you found problems with google charts rendering in the rich text pages?
Pie and line charts render without a problem, but for me, bar & column charts and gauges render with only a tiny height and are unreadable.

I have checked the html and they load fine directly in to a browser. I cannot work out how to add them to the rich text pages.

Perhaps I need to update the package??

Here is an example - this ends up a few pixels in diameter.


<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["gauge"]});
function drawChart() {

var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Trust', 32],

var options = {
redFrom: 0, redTo: 40,
yellowFrom:41, yellowTo: 60,
greenFrom: 85, greenTo: 100,
minorTicks: 5

var chart = new google.visualization.Gauge(document.getElementById('guage1_div'));

chart.draw(data, options);}


<link rel="stylesheet" href="html-styles.css">
<style type="text/css">
h1 { font-size: 1.5em;
margin: 0px;
background-color: #F5F1DE;
width: 1000;
left: 400;

<h1>Trust in product calls vs. Industry benchmark</h1>
<div id="guage1_div" style="background-color: #F5F1DE; left: 250; width: 1000; height: 400"></div>
Further information:
When using Firebug, I can see extra divs which contain style information which sets the height to 25px (I set it to 500 in my div, but this is ignored).
This may be a height calculated by google charts based on other styles present in the web page.

The first line is mine.The rest comes either from the rich text editor, or from google charts.

<div id="chart6_div" style="width: 1000; height: 500;">
<div style="position: relative;">
<div style="position: relative; width: 1140px; height: 25px;" dir="ltr">
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;" aria-label="A chart.">
<svg width="1140" height="25" style="overflow: hidden;" aria-label="A chart.">
<defs id="defs">
<clipPath id="_ABSTRACT_RENDERER_ID_0">
<rect x="250" y="0" width="700" height="25">
<rect x="0" y="0" width="1140" height="25" stroke="none" stroke-width="0" fill="#f5f1de">
<rect x="250" y="0" width="700" height="25" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff">
I worked out the problem.
I just added px to the height in the <div> and the charts rendered properly.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase


Licenses: Details »

Single application $20
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Labels: blue, clean, commerce, corporate, customizable, green, multicolor, orange, responsive
Released:4 years ago
Updated:1 year ago
Sold exclusively on WrapBootstrap


Signed up 5 years ago

Need an admin template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation