117 comments

Kayode PURCHASED
Hello,

This theme is great I must say but I noticed a few things. The background images of the headers are hard coded into CSS or where ever, which makes it useful only for static website. How can I change the background image of the headers in HTML? I really need this. I want to be able to change the image when the page loads in the HTML. Also, the date picker you promised has not been implemented.

Also, I have not come across a scroll-able div in this template. I guess Google would help with that. I expected that there could be some styling to the file upload button in form, There could also be two column forms.

Thank you.
Hi!

To change the background image of headers directly in HTML in order to make them dynamic you can use inline styles, so for example in the index.html page for the .business-hero you can set it like this:

<div class="business-hero" style="background-image: url(images/unsplash/michael-benz-189971.jpg);">

Sorry about the date picker! will add it for sure in the next update.

To style the file upload button, you can use this:

<div class="custom-file">
<input type="file" class="custom-file-input" id="customFile">
<label class="custom-file-label" for="customFile">Choose file</label>
</div>

For 2 column forms, you can make the form grid like this:

<form>
<div class="row">
<div class="col">
<input type="text" class="form-control" placeholder="First name">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Last name">
</div>
</div>
</form>

I will add all of this directly in the docs for easier use.

For the scroll-able div, would the functionality in index-features.html help? or what kind of scrolling are you looking for?

Hope this helps
wiknar PURCHASED
Hi!

Just wondering if you can point me to the color icon pack that you used for at the bottom of the Hero Slider page. I like this style and wondering if there are other icons available.
By the way appreciate the 2.5 update!

Thanks
Hi,

It's really a very nice theme. Thanks a lot.

inside the gulpfile, you still have a dependecy to a deprecated function in Bootstrap 4 : the command gulp.start.

If you have a fix for that, i will really appreciate.

Thanks,
Nicolas
And one more point, when you execute the gulp.start in gulpfile, i have this error message :

Unhandled rejection Error: The system cannot find the path specified.

at notFoundError (C:\inetpub\wwwroot\spacial\node_modules\execa\node_modules\cross-spawn\lib\enoent.js:11:11)
at verifyENOENT (C:\inetpub\wwwroot\spacial\node_modules\execa\node_modules\cross-spawn\lib\enoent.js:46:16)
at ChildProcess.cp.emit (C:\inetpub\wwwroot\spacial\node_modules\execa\node_modules\cross-spawn\lib\enoent.js:33:19)
at Process.ChildProcess._handle.onexit (internal/child_process.js:198:12)

Do you have any fix for that ?

Thanks a lot,
Nicolas
I finally found that i had to run the command "npm i" in the subfolder gulp-imagemin and it works.

Do you plan to use a more recent version for node js ?

Your code compile with gulp 3.9.1 but not in 4.0
Hi Nicolas,

Thanks a lot for the heads up, will take a look at it and release a fix for gulp 4.0

Erick
Hi, Is it possible for the hero slider to move on a timer i.e. without having to click the arrows?
Sure, just add the following code:

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

4000 = time in milliseconds.

You can see a working example in the index-photography.html page

Hope this helps
wiknar PURCHASED
Hi Erick -

Loving the theme. One issue is on the Creative Agency page (http://spacialtheme.herokuapp.com/2.5/agency.html)

When you remove the first h1.CustomFadeInUp the whole container shifts down when you scroll leaving a white space up top. Thoughts on a fix?

Thanks
Hi!

Thanks for the heads up, will take a look into it to fix it :)
Hi, i love this theme but i don't understand one thing.

check: http://prntscr.com/j3571k

Can we use default your css?
Or
Is included 2 css class in this theme?

I don't understand. What is that shop pages?

Shop pages are square-black-boxed design everywhere and this wooorse.

Where default shop design (like main theme) ?
Is there a way to setup a submenu so that the parent nav-item can be a link as well?

e.g. in the sample configure the menu so that "Blogs" will work to dropdown the submenu, but if clicked will take you to a page like /blogmain.html

If I take out the data-toggle="dropdown" option it seems to work, but it does not dropdown the submenu for small screens like a mobile device.

Blogs (allow click to /blogMain.html)
|
------- Blog List (click to /blog.html)
|
------- Blog Columns (click to /blog-3-cols.html)
|
------- Etc
Hi! - a quick solution would be this:

Add the attribute data-dropdown-url="blogmain.html" to the nav-link, e.g.
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" data-dropdown-url="blogmain.html">

And then add the following script to your page or js file:

<script type="text/javascript">
$(function () {
$('[data-toggle="dropdown"]').click(function () {
if ($(this).data('dropdown-url') && !window.utils.isMobile()) {
window.location = $(this).data('dropdown-url');
}
})
})
</script>

This will enable the dropdown submenu plus the main item to be clickable.

The thing for mobile devices would be that if the main item is clickable (touchable in this case), then you wouldn't be able to trigger the dropdown - that's why I added the '&& !window.utils.isMobile()' in the script (so mobile devices still work as usual).

Hope this helps!
Thanks Erick. This pointed me in the right direction for a solution that works for me. Much appreciated.
totio94 PURCHASED
Hi,

I'm expecting a bug which can possibly come from the theme.

I'm using the signup page and puting my form, and the phone_number field is taking a style totaly diffrent from the other fields. After analyzing the CSS in the inspector, the input field_type["tel"] don't inherit from the signin-page class and keep the form-control class from Bootstrap.

I'm on Rails 5.2 and using simple_form for generating form. Everything works, except the style of this tel field.
Here is the generated HTML :
<input class="form-control string tel required" required="required" aria-required="true" name="user[phone_number]" id="user_phone_number" type="tel">

Do I am missing something or is there a fix for this bug ?
Execpt that, this theme is very great ! Awesome documentation and templates ! :-).
Thanks for your help.
Anthony
Hi Anthony,

Very sorry for the late late response! I think the issue here is that on the _sign_in.scss file, on line #34, there are styles for only 3 input types (text, email and password), and the input[type="tel"] is missing. If you add it, it should work as expected :)
Hi -

I really like this theme. I had a question about the homepage video background, when it goes to mobile the video background doesn't center on mobile, you only get the left side of the video.

Is there a way to make the video center on mobile as well?

Thanks!

Craig
paolodt PURCHASED
Hi, is the background image of the building included in the package?

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

$17
1356Purchases

Licenses: Details »

Single application $17
Version:2.6
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
Category:
Topic: General
Labels: agency, app, blog, business, design, ecommerce, portfolio, saas, startup, web app
Item#:WB0P249P1
Released:1 year ago
Updated:6 months ago
Sold exclusively on WrapBootstrap
ericklvz

ericklvz

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