Discussion on Sandbox - Modern & Multipurpose Bootstrap 5 Template

Discussion on Sandbox - Modern & Multipurpose Bootstrap 5 Template

By
Cart 7,422 sales
Well Documented

elemis supports this item

Supported

This author's response time can be up to 2 business days.

308 comments found.

Hi Guys, I’m using the button internal btn-green text-white mx-1 mb-2 mb-md-0, I want this button shape but I want it as an outline button with text colour to match the outline colour. Do you know what the code is for that? Many thanks, Nick

If we understand your request correctly, the code you should be using is as follows:

<a href="#" class="btn btn-outline-green">Outline</a>

Thanks Guys.

Will there be a Christmas sale? :)

Hi,

Thank you for your interest. Sandbox already has a low price among other HTML templates and we plan to increase the price on January.

Thank you for providing us with such a high quality theme.

Thank you for your kind words. Hope you’ll enjoy using Sandbox.

Hi Guys, A wonderful update. You should be very proud of your work. To take advantage of the new features, can we use the pages created on an earlier version of Sandbox or do we have to recreate the HTLML files again using the updated template? Many thanks Nick

Also, I’m using the files in the dev folder (and know nothing about SCSS). I’d like to use a different shade of orange for the primary colour. I thought I could just change the #f78b77 value for #FF8A66 in the orange.css file. I tried it but it doesn’t seem to work. Is there a way I can do this without recoiling SCSS? Many thanks, Nick

Hi,

Thank you for your kind words. We’re happy to hear that you like the update. Since we updated most of the template files starting from scratch and copying html content from your existing website would be less time consuming we think.

Changing all the color values in orange.css file should work actually. But since the color css files include several different shades so you need to replace all of them. Working with SCSS does this automatically within seconds but of course it is possible replace them manually as well.

Thanks – I got the colour changes to work fine.

How do I create a navigation button without any drop-down?

Hi,

By navigation button, do you mean navigation menu? You can find the code snippets of all available navbar options on navbar blocks page: https://sandbox.elemisthemes.com/docs/blocks/navbar.html Snippets include navigation link examples without dropdowns. Let us know if you have trouble applying.

Hi Is there any built-in “Checkout with Credit Card” page in the theme?

Hi,

Unfortunately we don’t have shop, cart pages on this template yet but we plan to add these on a future update.

Hi, the navbar seems to momentarily flickr dark when refreshing or clicking a link to another page. it’s very subtle but annoying. please provide a fix.

also, can you please advise on how to size unicons? any solution similar to fontawesome fa-lg class for example?

many thanks

edit: the flickering seems to only happen on firefox (I can’t see it on safari).

Hi, after restarting the computer, the flickering seems to have resolved. not sure what that was about to be honest. thank you for pointing out fs class, I did use it but didn’t realise you have different range of sizes as i initially tried fs-2 but it was so small i thought it wasn’t actually working..cheers mate.

edit: i just realised why i didnt see font size, it’s not included in the demo section when you download it!

I just realised you pushed a new update last night! ignore my old messaegs..

Glad to hear the issue is solved! Hope you’ll enjoy using Sandbox.

Hello, thanks for the great template. Btw I want to ask you about CSS – is it possible to get a “clean” compiled CSS file without any additions (e.g. Bootstrap), only with theme styles. I develop my project in Visual Studio that doesn’t have any support for SCSS files and I don’t really want to set up a Gulp or something like that. Bootstrap styles are being loaded from separate files in my case. Thanks. It will be great to see theme style CSS bundled with the template in dev version.

Hi,

Thank you for purchasing Sandbox. This was a deliberate choice to bundle theme styles with Bootstrap since we use Bootstrap variables and functions and also loading them separately would cause some things to double load. But we can send you theme styles separately if you send us an email via the contact form on our profile page.

Hi, I’d like to add the Windows logo to a button, just as I can for Google play store but there is no Windows logo in unicons.html. I can see the .svg in https://iconscout.com/unicons/explore/line but I’m not sure which files I would need to change to add this into Sandbox. Can you help please? Thanks Nick

Hi,

Unicons will be updated on the next Sandbox update but in the meantime you can update them manually. We just sent you the files and instructions via email.

Thanks Guys. Great support as always!

You’re welcome!

Hello, I’m still confused about the license, for a regular license can a product be made to be sold to clients ?

Hi,

A regular license covers only a single end product which can be sold to a client.

Hello, how can i exclude a section from mobile and tablet ?

Hi,

If you add “d-none d-xl-block” classes to an element they will be hidden on devices smaller than 1200px. You can find more information on hiding elements and the classes you can use, here: https://getbootstrap.com/docs/5.1/utilities/display/#hiding-elements (And for details on breakpoints xs, sm, md, lg, xl, xxl, please visit: https://getbootstrap.com/docs/5.1/layout/grid/#grid-options)

Is there any option to add some images in footer? For example:-payment icons
if not, try to add in the next update
Demo- https://www.awesomescreenshot.com/image/17492023?key=45820a9d574b512083dbdd44bd0ab3b6

Hi,

You can add any element (images, icons) in the footer the way you add them in any other section. Please note that Sandbox is an HTML template, not a Wordpress theme. So you don’t need an option to add an image in the footer, you already can do this.

I know I can add. But I don’t have much more coding skills. So, need a prebuilt footer block with such image. I will just replace the image with my one.
—Payment method image

Please know that you will need to have HTML and CSS knowledge to be able to use the template. We wouldn’t want you to be unhappy with it if you have trouble using the item.

Hello, I noticed that in the mobile version the button to bring the page up does not appear. how can i fix it? Thank you

Hi,

We disabled it for devices less than 576px of width because it hovers over the content. To enable it please use the following CSS:

@media (max-width: 575.98px) {
    .progress-wrap.active-progress {
        opacity: 1;
    }
}

Hi, question before buying… on demo15.html you have animated text appear on the hero-slider images…. can I also animate text the same way on static hero images like on services2.html page? Also on most of your past templates, on the mobile menu you could click on menu text to activate drop-down menu. In this one looks like you have to click on caret to activate the drop-downs, is that right? Thanks.

Hi,

Thank you for your interest in Sandbox:

1. You can apply animations to any element using the included scrollCue plugin: https://sandbox.elemisthemes.com/docs/elements/animations.html We apply animations to text on most demos. Here’s an example with text on a background image: https://sandbox.elemisthemes.com/demo13.html

2. That’s right, you need to click on the caret to open the dropdown in the mobile menu. Since mostly it’s preferred to add links to the parent menus we had to move the dropdown to caret. But if you prefer the other way we can provide instructions on how to change it.

I’ll try the mobile menu the way it is, in the past I’ve found people visiting my sties (older crowds) weren’t that intuitive about clicking the caret for the drop-downs but i’ll see how it goes. Thanks for the reply, you guys are always great with providing help when needed.

We’re here to help with any questions. Hope you’ll enjoy using the template.

I have questions. Can you please answer these?

> How will I update this template later? I know it is quite easy but if I overwrite the updated file, then all of my website content will be replaced. I have to edit all of the content again after the update. So, how would I update this template later? The update is very important as many times speed performance improves after the update as many dependencies are removed. hope you have got my point.

> Are there different header & footer layouts?

> There is a doc on how to speed up the development process with Node.js / Gulp / SASS. My question is, using this method can I install it in cPanel based shared hosting?

Regards :)

- Since Sandbox is a static HTML template there is no automatic way to update, you will need to manually update the changed files. You can use a compare tool to compare the folders of your current website with the new version. We also try to provide a list of changed files in the changelog.

- You can reach the list of different header and footer layouts from the demo: https://sandbox.elemisthemes.com/docs/blocks/navbar.html https://sandbox.elemisthemes.com/docs/blocks/hero.html https://sandbox.elemisthemes.com/docs/blocks/footer.html

- Gulp will help to apply your changes on the template faster. And after you create your website you can always upload it to any server.

Hello, any plans to remove jQuery dependency or release a new template without jQuery soon? Thanks

Hi,

Thank you for your interest in Sandbox. Most included third party plugins don’t have good JS alternatives yet but we plan to slowly eliminate jQuery with future updates.

Hi,

We’re writing to let you know that we removed jQuery dependency with the latest version (v3.0)

Please advice what demo page is more suitable for Bulk SMS Marketing Website. :) Like- Twillio, Nexmo, MSG91 etc.

Hi,

Thank you for your interest in Sandbox. Please check out the following demos to see if they suit your needs: https://sandbox.elemisthemes.com/demo5.html https://sandbox.elemisthemes.com/demo9.html

Can I remove blocks/sections from demo-x.html to demo-y.html?

It’s possible to use any block in any page you’d like. You can reach the block snippets from the Blocks menu in the demo.

Hi,

Great project! However it would be super cool if you consider some extra tweaks like:

- add SEO tags and config options in <head> for every page - add some gulp customization like ‘purgecss’ in order to make critical CSS and remove unwanted css items (better page speed) - merge JS & CSS files

Anyways, great job!

Hi,

Thank you for the suggestions. The next update will include SEO tags. Please note that you can already easily remove unwanted plugins or theme CSS/JS and merge with gulp. You can find the instructions in the help documentation: https://sandbox.elemisthemes.com/docs/faq.html

Hi there, great theme! I have 2 questions.

1) Smooth scroll for links pointing to an ID on the same page, so using hash (#)-tag. EDIT: found the answer, I should add class “scroll”

2) What is best way to use a SVG-file for the top logo. If I replace the PNG example with the SVG in the IMG-tag, the height of the SVG is not limited. I can add a class with max-height: 45px; for example, but wondering if you would recommend another way.

Thanks a lot!

That’s correct, you need to apply a width or height to resize a SVG image.

Any software / program to edit theme inline like old school wysiwyg? Thinking to gift the theme to a friend but he can’t edit it in code editors i’m sure. Does Nova has it? Or the bootstrap studio – pinegrow?

Hi,

Thank you for your interest in Sandbox. Unfortunately there isn’t a wysiwyg tool to edit. You will need to have HTML and CSS knowledge to be able to edit the template.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey