Hello, do you have any plans to add in a drop-list? Would be great for the ecommerce section. If you could quickly write the code to fit your MAZEL style that would be superb! Tried out numerous templates and so far yours is the great:>
We need to add soon

Thank you very much! :)
One more question, how do I get the 'data-filter' defaulted to a certain category instead of "*" (ALL)? Where would I have to fix? Thanks!
Never mind. Got it fixed. Thanks anyways!
Open the link, so you'll have an easy solution.


In the "OUR TEAM" section of the standard one page template I have removed 3 of the people and just want 1 but the image and all of the text is pulled to the left. I want to center it all. What CSS should I be changing?

This is my code so far:

<!-- Team Section -->
<section id="team-people" class="section-padding text-center">
<div class="container">
<h2 class="page-title">About <span class="text-light">Me</span></h2>
<div class="container">
<div class="row">
<!--Team Carousel -->
<div class="owl-carousel team-carousel nf-carousel-theme">

<div class="item">
<div class="team-item">
<div class="team-item-img">
<img class="img-center center-block" src="img/StephenHyatt.jpg" alt="" />
<div class="team-item-detail">
<div class="team-item-detail-inner light-color">
<h5>Stephen HYATT</h5>
<p>A simple mix of front and back-end development with a dash of design.</p>
<ul class="social">
<li><a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.pinterest.com/" target="_blank"><i class="fa fa-pinterest"></i></a></li>
<div class="team-item-info">
<h6>Stephen HYATT</h6>
<p class="">( Web Developer )</p>

<!--End Team Carousel --->
<!-- End Team Section -->
Hi! there,

Open the "style.css" find in line no: 2534

Replace To this Code
.team-item-img .team-item-detail {
background: #fff none repeat scroll 0 0;
color: #fff;
display: flex;
height: calc(100% - 20px);
left: 10px;
opacity: 0;
overflow: hidden;
position: absolute;
text-align: left;
top: 10px;
transition: all 0.5s ease-in-out 0s;
visibility: hidden;
width: calc(100% - 20px);
That code did not end up centering the image to the middle of the page. Is there any way the class center-block from bootstrap can be added to one of the items? I have tried adding it to the item div, team-item div, and team-item-img.
Hi! there,

Open the "theme.js" file find in line no: 415

Replace to This Code
// Team Carousel
autoPlay: false,
stopOnHover: true,
items: 1,
itemsDesktop: [1170, 1],
itemsDesktopSmall: [1000, 1],
itemsTabletSmall: [768, 1],
itemsMobile: [480, 1],
pagination: false, // Hide pagination buttons
navigation: false, // Hide next and prev buttons
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
Hi again,

Sometimes the 'header' auto color-change doesn't work properly. At times the header text (nav) are black even if the background is dark as well. (previous version) I do not want to upgrade version. I have tried it and much of the code breaks up because some css classes have different names and since I have modified quite a bit.

So is there an easier way to fix this problem? Great thanks!
I'm currently looking at "mazel-multipurpose-html-template-v1.2/Mazel-html-template/01_mazel_multiprapose/home-personal.html"

and despite the dark background image, the text are not white at the start: http://postimg.org/image/x4h46k223/
Hi! there,
Version 1.3 Updated for this Code
1) Added Revolution slider (Default Template)
2) Updated Header (Default Template)
3) Updated Search Menu (Default Template)
4) Updated Sidebar Menu (Default Template)

If you want to update the code in the header to upgrade.
--- "Update Header Jquery within 'theme.js' file",
--- "Update nav menu Jquery within 'navigation.js' file",
--- "Update Header Css within 'style.css' file",
--- "Update Header Code within Html File."
--- "Update Intro Css within 'style.css' file",
--- "Update Intro Section Code within Html File."
Hi, Thank you for creating such an amazing theme. I really love it.

Just 2 questions

1. I'm using home-canvas-pattern.html as the based. It look very nice in the desktop mode, but when is in the mobile mode, the pollyfill seems a bit too much.
Is there anyway I can turn off the pollyfill effect when it turns the mobile mode?

2. The Next and Previous button in the portfolio-single page, can it works by themselves?
Or do I need to manually input the link in each page?

Thank you
Hi! there,

1) canvas pattern in mobile and desktop view can not turn on/off .
2) do you need to manually input the link in each page.
Thank you!

1. I just adjusted the amount of the pattern, now it looks fine.
2. I'm sorry, are you asking me "do I need to?" of you just confirming I need to manually input the link in each page.
I bought this theme for cmsaccount script. I have a question.
How can i modify the opacity of the pictures from the first page slider?
Hi there,

You find name of the class "overlay- Dark" on the HTML page.
opacity to edit you find inside the file "style.css".

Thanks for the choosing Mazel Template!!
Niletheme :) can you be more specific? :) is your code not mine :) you supposed to help me not to be so elusive.

I am ready to help you.
Please Send me Your website Live Demo Url
www.lifeographies.com - this is the online web site. Thanks.
Hi Niletheme,
i managed to change it . thanks.

.overlay-dark:before {
/* background-color: rgba(32,32,32,0.8); */

.overlay-dark80:before {
background-color: rgba(32,32,32,0.8);

.overlay-light:before {
/* background-color: rgba(255,255,255,0.8); */

.overlay-light80:before {
background-color: rgba(255,255,255,0.8);


But another thing that bothers me is random images section of the homepage.

Design is a chaos in there, nothing "harmonizes" with anything like ordering in line, with many spaces without aesthetics. how can we solve this?

website: www.lifeographies.com - scrool down to LIFEOGRAPHIES STOCK IMAGES


I was modifying a site using this theme a work and just wanted to notify you have a bug.

In your slider mark up you are using the following code to apply the parallax background:


But in your javascript you are looking for data-background-tmp as seen here

if ($(this).attr("data-background-tmp")) {
$(this).css("background-image", "url(" + $(this).data("background-tmp") + ")");

It is easily fixed by changing tmp to img but took me ages to track down just thought I might be able to save some people the trouble.

The version of Revolution Slider included in the template is out of date (4.x instead of 5.x). Are you planning to upgrade soon?
The version of Revolution Slider included in the template is out of date (4.x instead of 5.x).

Can you provide me the 5.x version in the meantime so I can upgrade myself ?

p.s. I cannot download it from their website without having to buy it. see https://revolution.themepunch.com/
Hi! there,

Will be upgrade Revolution Slider v5.x inside of Mazel theme v1.5.
That's great. When will you upgrade to Mazel v1.5 ? thanks
HI AdrienBe, Hi niletheme,

any news on that topic? When is the release date of Mazel v1.5?
In our project, we need the new version of the revolution slider...

Hi! How would I resize nav-bar icon ? Help will be appreciated!

please open the "style.css" file and find in line No.1362

Find this Css and Edit "height / width"
.nav-bar-icon > span {
position: absolute;
top: 50%;
display: block;
width: 18px; /* edit Width */
height: 2px; /* edit height */
margin-top: -1px;
background-color: #323232;
-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
transition: background 0.25s ease, -webkit-transform 0.3s;
transition: transform 0.3s, background 0.25s ease;
transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;

Thanks For The Choosing Mazel Template!!
Thanks for the solution. But when i tried increasing size of nav-bar-icon it also increased size of 3 lines but how would i increase space in between 3 lines.
Thanks for the solution. But when i tried increasing size of nav-bar-icon it also increased size of 3 lines but how would i increase space in between 3 lines

When will you upgrade to Mazel v1.5 (hence to Revolution Slider v5.x)?

Thank you
Hi, Im using the home page static, without slider: i have a problem with the background on the Iphone. It results zoomed and not responsive. How i can solve? Thank you for reply

Great website, I am loving it. As far as the contact form goes, it will not send Gmail emails. How can I fix this?

Thank you!
thanks for the awesome bootstrap design. A lot of great features. I do have a question on as it relates to the sticky header on mobile. When opening the nav menu and pushing the body to the left the body moves over but the sticky header does not. Interestingly enough it does move on any browser. But when on a mobile device (at least an iPhone on any browser) it does not. Would you know why?
Great theme. Very well written and therefore a great foundation for a user to edit according to their needs. One question. The #intro-media background image (the first section background image) doesn't seem to scale down the photo and keep it centered for mobile screens but rather cuts the photo off and zooms in on the left side. Any help please?

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 $8
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:No
Topic: General
Labels: blog, bootstrap 4, business, corporate, ecommerce, html5, multipurpose, portfolio, responsive
Released:3 years ago
Updated:3 months ago
Sold exclusively on WrapBootstrap


Signed up 3 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