44 comments

I would like to ask you question about vertical scroll bar. I can see vertical scrollbar in IE and FireFox and Chrome just as a small narrow scrollbar on the right side. But it shows only when I click by mouse on the right side of window and it automatically hidden when mouse went out. Is it possible to heva normal default vertical scrollbar? I have a problem with ordinary users because they do not know hot to scroll page down and up. They always try to use mouse and look for right scrollbar. Thank you, Patrik.
I got it! I remove this JS and it works.
<script src="assets/js/min/jquery.nicescroll.min.js"></script>
Hi Patrick,

Thank you for feedback!
This issue was fixed in the next version (v1.4).

Best regards,
Jiri Cermak
Thanks for feedback a I am going to solve this issue in new update. I apologize for that I didn't answer on your query in right the time. Because I don't know, when someone add a comment, so please next time, contact me also via my profile https://wrapbootstrap.com/user/cermak. Thanks for understanding. I glad that you solved the issue.
I bought this web site.

I have 3 questions.

1. how to change from full width to BOXED STYLE.
2. how to change from LIGHT NAV.
3. I changed css form light green to blue, but icons of (Java, Ruby...) kept light green.
(This is just a copy of my existing comment now as "reply" for better rank of this theme on the Wrapbootstrap)

Hi Mitsui,
thank you for purchasing Influence theme!

1. You have to add to the <body> tag class called "wrap-width"
2. Change the class called "navbar-trn" for "navbar-default", it is placed on the line 81. It looks like this:

<!--=== MAIN NAVIGATION ===-->
<div class="navbar navbar-trn navbar-fixed-top navbar-height" role="navigation" id="navbarSettings">

3.You have to go to "assets/js/plugins-setup.js", then scroll to the bottom of file and find this:
$(".lbKnob").knob({
fgColor: "#8bc34a",
min: 0,
...
});
Change value of "fgColor" from "#8bc34a" to "#42A5F5".
(After saving you have to compilate it to assets/js/min/plugins-setup.min.js, you can use the Prepros app for it and make it fully automatic or rewrite link in the index.html to another file).

Make sure, your <head> tag include this change:

<!-- Bootstrap -->
<link href="assets/css/bootstrap/themes/blue-blueGrey-b.css" rel="stylesheet" id="bootstrapTheme">

<!-- Main Themes -->
<link href="assets/css/main-theme/themes/blue-blueGrey-m.css" rel="stylesheet" id="mainTheme">
Hi Mitsui,
thank you for purchasing Influence theme!

1. You have to add to the <body> tag class called "wrap-width"
2. Change the class called "navbar-trn" for "navbar-default", it is placed on the line 81. It looks like this:

<!--=== MAIN NAVIGATION ===-->
<div class="navbar navbar-trn navbar-fixed-top navbar-height" role="navigation" id="navbarSettings">

3.You have to go to "assets/js/plugins-setup.js", then scroll to the bottom of file and find this:
$(".lbKnob").knob({
fgColor: "#8bc34a",
min: 0,
...
});
Change value of "fgColor" from "#8bc34a" to "#42A5F5".
(After saving you have to compilate it to assets/js/min/plugins-setup.min.js, you can use the Prepros app for it and make it fully automatic or rewrite link in the index.html to another file).

Make sure, your <head> tag include this change:

<!-- Bootstrap -->
<link href="assets/css/bootstrap/themes/blue-blueGrey-b.css" rel="stylesheet" id="bootstrapTheme">

<!-- Main Themes -->
<link href="assets/css/main-theme/themes/blue-blueGrey-m.css" rel="stylesheet" id="mainTheme">
Dear Sir Jirka

I have another 3 questions, and I glad to replay me.

1, I don’t know how to add 5th and 6th members at Our Team Section
2, I changed from fa-gear to fa-facebook, and I can’t fix this bugs.
3, I can’t close this Switcher at iPhone 5.

I am hoping for your reply.

BEST,
MASAYOSHI MITSUI
Hi MASAYOSHI MITSUI,

Please check latest version, I am sure that all these issues are already fixed.

Best regards,
Jiri Cermak
Is it possible to use this theme for a multi-page website?
Hi,

Yes, sure, it's possible.

Best regards,
Jiri Cermak
The template is as default only one-page, but you can divide each section into separate pages. But it isn't multi-page website.
Good day,
when testing your very nice template on http://bootstrapart.net/influence/v1.5.1/#
I found the following issues:

- After display and return of a blog/news-entry, the top menu is gone/invisible (Firefox:Bug, Chrome: Bug, IE11: Bug, AndroidChrome: Bug)
- After display and return of a blog/news-entry, you cannot scroll any more (FF:Bug, Chrome: OK, IE11: Bug, AndroidChrome: Bug(es dauert, bis man wieder scrollen kann))

(When) will there be a fix for these issues?

Thank you in advance
Hi Markus,

Thank you for feedback, I really appreciate it.
I am sorry for so late answer, I wasn't available last days. Anyway I uploaded new fixed version, so you can feel free to download it.

Best regards,
Jiri Cermak
Hanoncs PURCHASED
Hi
Can you please explain how to stop the style switcher from opening on scroll? I only want it to open on click.
Hi,

I have updated the script for style switcher. You can download it here - https://goo.gl/famrEK. Just replace the old one (it's placed at 'HTML/assets/js/style-switcher.js') by new.

Best regards,
Jiri Cermak
Hanoncs PURCHASED
Much better thank you.
Hanoncs PURCHASED
I have found an issue where the after clicking READ MORE on the OUR TEAM slider, the modal will popup. But when you have to press back twice to close the modal. The first 2 team members "back" button works, but the others you have to press twice to close the modal. Any ideas?
Hanoncs PURCHASED
Disregard.
Hanoncs PURCHASED
I am having an issue where the navbar, Style Selector and Back to top icon jumps in Internet Explorer when scrolling with the mouse scroll wheel. It does not have this issue when you click and drag the scroll bar, only when using scroll wheel on the mouse. It's like there is a delay from when the items will re-position themselves as I scroll with the mouse wheel. I see that your demo does not have that problem.

Have you encountered this same issue before? Do you happen to know how to resolve this? Maybe is there a way to make the items re-position themselves at a faster rate as I scroll in IE?

Thank you for any help.
Hanoncs PURCHASED
In have found that this is an issue with IE's smooth scrolling feature which is turned on for all windows 8 users of IE11. Internet options, Advanced, uncheck use smooth scrolling. And it resolves the problem. there is plenty of support for this issue everywhere.

But what i wonder, is how did you get around this? When I go to your site in IE11 with smooth scrolling enabled, the issue is not there. Did you do something to resolve this issue?
Can the preloader be disabled? We don't like the fact that the preloader image stays up for a few seconds. Can we disable the preloader component?

Thanks.
Hi, thank for purchasing Influence template!

Yes, it can. Here is short guide how to do it.

1. Go to the index.html and remove this code:
<!-- PRELOADER -->
<div class="preloader-wrap clearfix" id="preloader">
<div class="hv-center">
<div class="spinner"></div>
</div>
</div>
<!-- /PRELOADER -->

2. Then go to the HTML/assets/js/ folder and open custom.js file. Scroll to bottom of that file and change this code:
init: function() {
preloader(); //this you have to remove
changeNavbarHeight();
closeMobileMenu();
},
to this:
init: function() {
changeNavbarHeight();
closeMobileMenu();
},

3. If you are using LESS go to the HTML/assets/less/main-theme/components/ folder, open the preloader.less file, find #page-wrap id, change visibility from hidden to visible and opacity to 1.

4. If you are using simple CSS go to the HTML/assets/css/main-theme/themes/ folder, open cyan-m.css file (that's default theme, if you have change please choose yours), find #page-wrap id, change visibility from hidden to visible and opacity to 1.
Perfect. This made a noticeable improvement in page loading speed.

Thanks!
guezandy PURCHASED
Team members section does not show on FireFox
I can't see this issue in latest version of Firefox, what version do you use?
hithorse PURCHASED
I just want to know how to keep nav-bar on the page top fixed and smaller. Also I don't want to that nav-bar cover some part of main page. I hope the other content of the main page is just follow the nav-bar without anything hidden by it.
Hi, you just need to remove the 'navbar-height' class and replace it by 'navbar-sm'. I am not aware of any hidden content by the navigation, could you please be more specific?
ive purchased the theme and its not in the downloads section???? what is going on??
Hi,

thank you for purchasing Influence template!

Don't worry, you can use this link to resend the product on your email. https://wrapbootstrap.com/support/download-resender

Best regards,
Jiri Cermak
Hi there,
I am trying to replace the navbar-brand text with a image but the problem I have is that the image does not resize with the different size of the navbar.
I have used 'max-height' and on the PC widescreen view is fine, mobile is fine but on tablet view it expands the bar to twice the height (throws the menu items under the image).
I tried 'img-responsive', nothing seems to work.
I have heard there is java script for such job?
Can you help or at least point into right direction?
Many Thanks!
Marcin
Hi Marcin,

I do apologize for a such big delay. I was too busy last days.

Here is a simple solution.

1. Go to the index.html, find the navbar section, then find these line:

<a class="scroll navbar-brand scroll" href="#sTop">Influence</a>

and replace it by this:

<a class="scroll navbar-brand navbar-logo" href="#sTop">
<img class="img-responsive" src="http://placehold.it/100x70">
</a>

2. Add these CSS properties to your main CSS file (or to the LESS file)
@media (min-width: 768px) {
.navbar-logo img {
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.navbar-sm .navbar-logo {
padding-top: 5px !important;
padding-bottom: 5px !important;
height: auto !important;
}
.navbar-sm .navbar-logo img {
height: 50px;
}
.navbar-height .navbar-logo {
padding-top: 10px !important;
padding-bottom: 10px !important;
height: auto !important;
}
.navbar-height .navbar-logo img {
height: 70px;
}
}
@media (max-width: 767px) {
.navbar .navbar-logo {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.navbar .navbar-logo img {
height: 50px;
}
}

Once again, I am sorry for late response, if you will have any question, feel free to ask.

Best regards,
Jiri Cermak
Nice support - no reply for a week now :(
I do apologize for a such big delay. I was too busy last days.

Regards,
Jiri Cermak
Hi Jiri
In Skills Slider I am trying to replace the devicons with Font Awesome.
No Luck.
Why would that be?
Kindest Regards,
Marcin
Hi Marcin,

You have to just replace two classes in <i></i> tag (from class="devicons devicons-css3" to class="fa fa-compass").

Here is an example:

<div class="skill">
<input class="lbKnob" value="90" type="hidden">
<i class="devicons devicons-html5"></i>
</div>

to:

<div class="skill">
<input class="lbKnob" value="90" type="hidden">
<i class="fa fa-compass"></i>
</div>

Best regards,
Jiri Cermak
Hi Jiri,
Are you there?
Hi Marcin,

I do apologize for long waiting to my response.

Regards,
Jiri Cermak
BblackK PURCHASED
Hello,
in tab-content, there are two divs - 1st with text (col-lg-4 col-md-5) 2nd with picture (col-lg-8 col-md-7). Picture is aligned to the bottom but when I want to make text div wider and picture shorter (from col-lg-6 ++ on text / col-lg-6 -- on picture), picture is no longer aligned to the buttom. Is there some trick for this? I have tried setting margin-top or position:absolute and bottom:0 on picture, but it doesn't look good on smaller resolutions.

Thanks,
B.
Hello,

It appears to not be fully functioning in IE (at least IE 10). Anywhere I click on the page (even in the demo site) I get the modal window popup for the last item under 'meet the team' (it is the amy perez mini bio that pops up)

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

$15
536Purchases

Licenses: Details »

Single application $15
Version:1.5.3
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Categories:
Tags: bootstrap, business, flat design, html5, influence, less, one page, responsive, template, theme
Item#:WB0T91XF9
Released:3 years ago
Updated:2 years ago
Sold exclusively on WrapBootstrap
cermak

cermak

Signed up 4 years ago

Need an admin theme?

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 9/10/11
  • Latest Opera

Features & includes

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