92 comments

Hi,

Clean, great looking template. Congrats and good luck with sales!
Hi there,

there is a bug in your "Business theme": the picture in <div class="business-hero"> is totally over-zoomed when you open the page on a Ipad, you only see a very small part of the sky/clouds on the top and you can not recognize the photo at all.

I guess there must be a bug in the css for that specific media-query, would be great to get the proper code-line to fix that.
Hi!

Thanks for pointing it out, I've released an update with the media-query fix, let me know if you have any doubts.
Hi,

your business-theme has still the same bug on an ipad in the landscape-mode, if I turn it to portrait-mode it is good. I also changed the theme.min.cc/js and tried it again with the updated files, sadly still the same bug in the landscape-mode, portrait is fixed.
Which files did you change? I can`t find any changes in the updated V1.1. index.html...
Sorry about that! so in this new update I've fixed the zoomed in bgs on landscape mode too.

Overall, these are the files with changes:

- inside the scss/custom/pages/ folder: _index.scss, _index_app.scss, _agency.scss, _agency_about.scss
- index-app.html, agency.html, agency-about.html
- js/theme.js
thanks, that works!
Taylex PURCHASED
First of all, great template!

Throughout the theme you reference css and js files from the dist folder but the gulp task you also add images and fonts but they do not get used. What was your thinking there?

Also when you run gulp not all of the images form the root image folder get processed to the dist folder. I think it probably has something to do with the long names or multiple hyphens.
Taylex PURCHASED
Disregard my questions. I made some changes to my workflow and now it's perfect.

Thanks again.
Hi~
I purchased your item.
But image files are not seen on my web server.
On local, they are seen.
I don't know the reason.
Hi - Could you tell me what are you using for the web server?

Thanks
martell PURCHASED
First of all, This looks great!

When will the bootstrap 4 version of this be released?
I do believe beta-6 was the last alpha version so the api should only have bug fixes from here.

Also on that note I was wondering if I purchase will I have to re-purchase for a bootstrap 4 version?

Off topic, Have you any new templates planned in the near future. :)

Thanks
Hi!

I'm starting the development for the bootstrap 4 version this week, so it should be ready in the upcoming weeks.

Also everybody that purchased the theme before the new version gets the update for free, no need to re-purchase.

I'm really considering in making a new theme with material design in mind for the future :)
Hi, I've purchased youre theme and am really happy with it. It's looking great!
I've made some modefications and I have a white space at the bottom of the page know. It's just about 20px! This happend after removing Social Medias under the Contactform and replaced them with some contact data. I can't find the issue. Could you help me out in a way? I believe some JS calculates the hight of the page and can't get hold of my changes. If I remove the inline style height out of the body it's just fine. But as i mentioned, I believe the hight is calculated.

Kind Regards
Hi! - Could you tell me in which html page are you having this issue?

Thanks!
Thanks for your reply, I'm using the photography page.
Indeed the height of the page is calculated by the skrollr plugin to enable the parallax effects.

I'm trying to replicate the bug but with no success, could you send me the snippet that you're adding, or an example to see how it can be solved? Thanks!
I've done a lot of changes to the page. At the moment I blieve the issue is created by adding the footer-light from the business (index.html) page.
Well it's not the added footer. I removed the footer and the white space at the bottom just turned out heigher. I solved the issue for now by adding 21px to padding of the footer-light class. I wrote you some messages via PM, but it seems you dont receive them.
Ah I see the issue now too, it seems that in order for the "Let's get in touch" form parallax effect to work completely (move up when it reaches a specific view top) the page -needs- to have a certain height, so that's why it gets a calculated height on the body.

You can play with the padding in order to prevent the white space, or you could also play with the '100' value in the data-100-top attribute at the <div class="footer-wrapper skrollr"> element, basically it says that the element should animate into the properties: "transform: translateY(-140px);box-shadow: 0px 55px 60px rgba(0,0,0,0.3);" until it reaches 100px below the top of the window.

If you don't need/want the parallax effect just remove the skrollr class and the data attributes from the div, and add the "transform: translateY(-140px);box-shadow: 0px 55px 60px rgba(0,0,0,0.3);" css properties directly on the css for that div to get those styles.

It's weird that I'm not getting your PMs, if you want to get in touch you can email me at e.adrian90 at gmail com

Hope this helps!
Thanks for your answer, I'll write to you via mail. Thanks for the support!!!!!
I am having a problem with the dropdown menus not being clickable on mobile devices.
Its adding the "open" class to the wrong element.
Desktop versions work correctly. as in open is added in the right spot, but is also added a second time in the wrong spot

<li clas="dropdown"> // should add it here
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu</a> // should not add here, but is

how can i solve this issue?
Hi!

I'm having trouble replicating this issue, could you tell me which browser and/or page are you having this problem on?

Thanks!
pbass98 PURCHASED
Hi-- gulp seems to have a problem:

gulp
/Users/myuser/Code/round2/node_modules/gulp-imagemin/index.js:2
const path = require('path');
^^^^^
SyntaxError: Use of const in strict mode.
at exports.runInThisContext (vm.js:73:16)
at Module._compile (module.js:443:25)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object.<anonymous> (/Users/thinkery/Code/round2/gulpfile.js:7:16)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
Hi - Seems that is an issue related to the node version you're using. Maybe this thread could help:
https://github.com/sindresorhus/gulp-imagemin/issues/178
Hi, great template, may i know is the slider have any extended license required or its under MIT license. Thanks.
Hi, thanks! MIT, can be used freely in personal and commercial projects
Great, thanks. One more question, do you have a version without SCSS but just using normal CSS. Thanks in advance.
First off, thank you for this beautiful theme. I'm supremely happy with it. Everything is so organized. Thank you!

Now, I believe I've found a super small bug that I've fixed on my end but wanted to bring to your attention so that others could benefit.

In theme.js on line 139 it checks:
if $navbar.hasClass('bg-transparent fixed-top') {

In my case, this does not work and needed to be updated to:
if ($navbar.hasClass('bg-transparent') && $navbar.hasClass('fixed-top')) {

Hopefully this is helpful. Much luck and thanks again!
Hi, thanks a lot for pointing it out! - I'll include this fix for the next update
ajonat PURCHASED
Hi!

Your theme looks great, I really loved it!

I found a minor bug in the home page when I tested it in chrome console simulating a Samsung Galaxy S5: in the footer, the "Explore Features" button is cut in half.

Hope this helps, thank you!
Hi, thanks for the heads up! - I'll release a fix for this on the next update :)
can the hero slider be set to advance automatically and if so, how can i set the delay between slides?
Sure, you can see a live demo on the Photography home page, here's the script to make it work:

window.slider_interval = setInterval(function () {
window.navigate_slider('next')
}, 4000)

The 4000 param are the milliseconds that you can change for the delay you prefer
Hi ericklvz, great theme!

I keep getting the below error when running gulp:

Unhandled rejection Error: Premature end of JPEG file

at Promise.all.then.arr (/Users/morganjackson/Desktop/agent-port-website/source/node_modules/execa/index.js:201:11)
at process._tickCallback (internal/process/next_tick.js:109:7)

I'm using node v7.10.0

Any ideas?
Hi Morgan,

I tried to replicate the error using the same node version v7.10.0 and running gulp but with no success, did you add any new images? looks like a problem with the 'images' task, sometimes it might show errors when trying to optimize corrupted images. Have you tried using a different node version?
tango PURCHASED
Hi, Newbie here trying to work out what 1st steps would be after purchase. I'm using Angular 4 (no Gulp).

Do I need to also install Bootstrap?

Can you please advise what files need to be copied where.

Are all the html files on the root just examples (to choose from) of how to get a certain look?

Thanks in advance.

Todd
Hi Todd,

You can use any html files from the theme in your project, they all show a visual style from where you can choose the pages you like.

Depending on your project folders organization you would need to copy the already compiled /dist/theme.min.css file as is into your /src/styles.css (I think that's the file name that is generated when using Angular)

Or if you want to make changes to the styles right in your project you would need a way to compile scss into css, one way could be copying the theme /scss folder into your /src folder and having a way to compile the /scss/theme.scss file into your /src/styles.css, for example. The tool to use for compiling scss to css is up to you (you could use gulp right in your project also and make use of the gulpfile.js that comes with the theme) or you can use an app like http://scout-app.io/

Regarding Bootstrap, the theme html files reference the bootstrap file separate from the other styles in the <head> section, so you could copy the /scss/bootstrap/bootstrap.css file from the theme to your project (could be in the /assets folder) and add a <link href=""> in your index.html file to reference this bootstrap.css file.

For the scripts, you can copy the /dist/theme.min.js file to your /assets folder and add a <script src=""></script> to reference this file.

For fonts, copy the /fonts folder into your /assets folder, same with /images just remember you would need to update the src path on the <img> tags

Hope this helps!
tango PURCHASED
Thanks Eric,

Ive followed your instructions & think I just about have it.

Getting error when building

ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{"ident":"postcss"}!./src/styles.css
Module not found: Error: Can't resolve './fonts/entypo.svg?q1pa5y'

I have changed the location in the style.css but that hasn't worked.

Cheers

Todd
Hmm, can you take a look at this see if it helps:

https://stackoverflow.com/questions/44304543/scss-loading-error-in-angular-cli

It links to this thread:
https://github.com/angular/angular-cli/issues/5213

which is similar to the error you're getting:
tango PURCHASED
Thanks Eric,

Could you please be a little more specific of what I have to do?

Thanks

Todd
Change the paths of all the fonts loaded in the scss to be absolute instead of relative, so right now they're 'fonts/the-file-name.svg' for example.
According to the discussion from the url, they suggest changing it to absolute starting at the /src folder, so if you placed the fonts folder inside the assets folder, then it would be '/assets/fonts/the-file-name.svg', hope this helps
tango PURCHASED
Thanks Eric
ahadda5 PURCHASED
Eric

I am changing some scss files however the html is using the dist files. How do you generate those?
Can you please add a readme file for scss compilation? thanks
Hi!

You can generate the dist/theme.min.css file using 2 options:

First one is using an application in which you select the source file (in this case the scss/theme.scss file) and then the file it will output the css into (scss/dist/theme.min.css) and the application takes care of the process automatically.

There are a variety of applications you can use for mac, linux or windows, some are paid and some are free; free application that I'd recommend would be:
http://koala-app.com/
http://scout-app.io/

The second option is using Gulp, with the gulpfile.js that comes with the theme, for this you need npm with node installed (https://www.npmjs.com/get-npm) then in the terminal you navigate to your theme folder path and run 'npm install' to download all the node packages, and then run the task 'gulp styles' to generate the css, or you can use 'gulp watch' which automatically generates the css when changes are made.

In the next update I'll add a README with these instructions.

Hope this helps,

Erick

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

$16
925Purchases

Licenses: Details »

Single application $16
Version:2.3
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: agency, app, blog, business, design, ecommerce, portfolio, saas, startup, web app
Item#:WB0P249P1
Released:11 months ago
Updated:3 months ago
Sold exclusively on WrapBootstrap
ericklvz

ericklvz

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