308 comments found.
Hello, are we able to add a video as background to this template?
https://preview.themeforest.net/item/sandbox-modern-multipurpose-bootstrap-5-template/full_screen_preview/32441701?_ga=2.104735232.12029409.1636308987-1062776848.1628174256Hi,
The provided URL redirects to the demo homepage so we’re not really sure if you meant to send us a specific page but do you mean adding a video as a section background? If so this is already possible. You can find a background video example in the documentation: https://sandbox.elemisthemes.com/docs/elements/background.html#snippet-7
Sorry – looking to use it in the header of this demo
https://preview.themeforest.net/item/sandbox-modern-multipurpose-bootstrap-5-template/full_screen_preview/32441701?_ga=2.104735232.12029409.1636308987-1062776848.1628174256Actually – would like the video to play instead of the static image in the header of this demo.
https://sandbox.elemisthemes.com/demo4.htmlHi,
Current background video won’t support this usage properly. But we’re implementing a new solution for video background which will be released with the next update. In the meantime we customized demo4 for you to have a video in the header instead of static image with this new method. Please check your inbox for the customized html file.
Do you have at least 4 or higher pricing tables? I can see only 3.
https://sandbox.elemisthemes.com/pricing.htmlHi,
You can see 4 column pricing and compare table examples on the pricing blocks page: https://sandbox.elemisthemes.com/docs/blocks/pricing.html
Great theme!
Thank you for your kind comment. We’d really appreciate if you can give us a rating when you find a chance.
do you have any plan to add some chart in your template? I think it will be wonderful. any recommendation for chart?
Not in our plans but we might add it in the future if we have more requests for charts. Have you checked chart.js? https://www.chartjs.org
hi, are you considering ‘timeline’ and ‘payment’ options to this theme? when will be the next update? any plans to have regular updates like each 15 days for an example?
The update we’re working on includes many new features and demos but timeline and shop pages aren’t among them. We plan to add those on a future update. (We’d appreciate if you could show us an example for the timeline you wish to see on the template). We can’t give an exact time for the next update since we’re still working on it. We will continue updating the template for a while but the updates won’t be regular like each 15 days etc. Timeframe depends on the number of new options and features.
$9 for lifetime or $9 per month / year?
Thank you for your interest in Sandbox. This is a one time only price for a single end product and covers 6 months support.
Hi, thanks for the great work! One question though, Owl Carousel seems to be deprecated, do you plan on migrating to another library? Also, do you plan on removing the dependence on jQuery since Bootstrap 5 doesn’t require it anymore?
Hi,
Thank you for purchasing Sandbox. Owl Carousel is still the most capable carousel/slider available for the things we need in Sandbox. But we continue searching for a JS alternative. Most third party plugins don’t have good JS alternatives yet but we plan to slowly eliminate jQuery with updates.
Hi,
We’re writing to let you know that we removed jQuery dependency with the latest version (v3.0) which you can download from the Downloads page on Themeforest.
This is awesome. Thank you so much!
You’re welcome!
Do you have shop page in this project or in another project?
Hi,
Thank you for your interest in Sandbox. Unfortunately we don’t have shop pages on this template yet but you can check out our previous template Snowlake (built with Bootstrap 4 though).
I need help that how to clear unused css and js files. seem css file too big
Hi,
By using the Gulp version, you can comment/remove any unwanted SCSS, CSS or JS and recompile.
Bootstrap SCSS imports: src/assets/scss/_bootstrap.scss
Theme SCSS imports: src/assets/scss/theme/_theme.scss
Theme JS: src/assets/js/theme.js shows what vendor file each script requires.
Vendor JS: src/assets/js/vendor
Vendor CSS: src/assets/css/vendor
Hi, how can i make the template RTL?
Dears i need to confirm one information with you, is there any editor we can use it yo drag and drop your theme or we must edit all sections manualy ?
just to confirm before buying
B.R
Hi,
Thank you for your interest in Sandbox. You will need to edit the template manually.
There appears to be quite a few critical/high vulnerabilities when I run npm install. Can you please advise? I tried running npm audit fix—force but it didn’t work.
Hi,
First of all please make sure you use the latest version of Sandbox with up to date nodeJS. The warnings are related to some development dependencies for gulp in npm install and are not directly related to the template itself or its components and doesn’t effect/ break it and can be ignored since you get the warnings on a local environment.
Hi, I’d like create 4 buttons on a page for downloading different versions of an app. The 1st 2 should be the standard App Store buttons for the Apple & Google stores, the 2nd two buttons should be for Windows & Mac logos which link to files on our server. Can you please suggest the most elegant way of doing this in Sandbox? – I need to be using the web standard graphics so people recognise the web standard download links rather than regular Sandbox buttons. Many thanks, Nick
Hi,
You can find the standard logos from Apple, Google or Windows and use them on your page: https://developer.apple.com/app-store/marketing/guidelines/#appstore https://play.google.com/intl/en_us/badges/ https://www.microsoft.com/en-us/legal/intellectualproperty/trademarksThanks for those links, but I was after the code snippet shown as an example on one of you pages to show me the best code for doing this? Do you have an example page with these logos on? Or can you provide me with the code?
Unfortunately we don’t have examples for this but it’s very easy. You will download the button images from the brand websites and wrap them with a tags on your page:
<a href="download-link"><img src="image-path" alt="" /></a>
That’s great, many thanks.
Is it possible to use your YouTube media player to embed into the page YouTube or Vimeo videos that are of different aspect ratios … without getting the black bars either side. The aspect ratio I would like to use without black bars is 1.6410 (1280 / 780). Many thanks, Nick
Hi,
Could you please try wrapping the player with .ratio div as follows:
<div class="ratio" style="--bs-aspect-ratio: 60%;"> <div class="player" data-plyr-provider="youtube" data-plyr-embed-id="VIDEO LINK" /> </div> <!--/.ratio -->
60% in the above example was calculated with this formula: (780 / 1280) * 100 seen in Bootstrap. You can find more information regarding ratios on Bootstrap docs: https://getbootstrap.com/docs/5.1/helpers/ratio/
Thanks for the reply, but unfortunately, regardless of what I change the percentage to, I still can’t get rid of black bars. Could you please see whether you can achieve it? Here is the code for the YouTube video I would like to use – https://youtu.be/8g_MbW6Uyoc. many thanks, Nick
Black bars already appear on the YouTube poster itself: https://i.ytimg.com/vi/8g_MbW6Uyoc/maxresdefault.jpg But please note that the default ratio for the player plugin is 16:9 and videos with other ratios can be problematic. You can try adding a different ratio value in the plugin settings in theme.js or use the default Youtube embed code (make sure to wrap with it <div class="ratio" style="--bs-aspect-ratio: 61%;">embed code</div> to make it responsive ) instead of using the player plugin.
For more information on the player plugin please check: https://github.com/sampotts/plyr
Thanks – I’ve sent you an email with live links showing the problem in the current version, but not in earlier versions. The ratio links above don’t fix the problem unfortunately.
Hi,
Actually this issue is not theme related. Earlier version of Sandbox has a different version of the player, v3.6.4, while the latest Sandbox includes v3.6.8. When we go back to v3.6.4 of plyr on latest version of Sandbox your videos appear properly. We’ll be sending over the plugins.js and plugins.css to you via email with the earlier version of the plugin so you can keep Sandbox up to date on your website.
Hi there,
How can I increase Counter-Up duration? Like, when I want to use it for smaller numbers.
Hi,
You can change the duration value of Counter Up in assets/js/theme.js
Thank you Elemis for this great template! I have 2 questions when navbar turns into mobile mode: 1) how to toogle sublinks when click on parent link (not only the sub-arrow) 2) how navbar can stay unstick when scrolling up?
Hi,
Thank you for purchasing Sandbox.
Please send us an email through the contact form on our profile page so we can send you the updated js file that enables your first request.
As per your second request, it is possible to disable sticky navbar on mobile but this change cannot be limited to only scrolling up.
On your email please let us know which version of the template you use and if you use Gulp so we can send you the correct files. Thanks.
Hi, is it possible to change the Blocks – Team layout from 4 individuals in a row, to 5? many thanks, Nick
Hi,
For team with carousel example you need to change the items value of “data-responsive” from 4 to 5.
For the team with basic columns example you need to change the number of columns from 4 to 5. To have a 5 column grid please check Bootstrap Row columns instructions: https://getbootstrap.com/docs/5.1/layout/grid/#row-columns
Hi!
Is it possible to include scss map when using gulp serve? Currently I can only inspect compiled CSS which is pretty time consuming. Thanks!
Otherwise great theme…
Hi,
Please uncomment lines 141 and 147 on gulpfile.js and run “gulp serve” to enable sourcemaps on style.css.
Is it somehow possible to make tables responsive on phones? It just expands them out of the content and that’s no good haha. https://i.imgur.com/vjaGZBB.png
Please make sure you wrap your table with “table-responsive” class. An example can be found here: https://sandbox.elemisthemes.com/docs/blocks/pricing.html#snippet-4 For more information on responsive tables please check out Bootstrap docs: https://getbootstrap.com/docs/5.1/content/tables/#responsive-tables
Thanks!
I really like your work and willing to purchase this script. I am only disappoint about website speed. both speed mobile and desktop are average. are you going to optimize it to make arleast 90+ score on https://developers.google.com for both mobile and website ?
Hi,
Thank you for your interest in Sandbox. We optimized the template as much as possible on the previous update but since this is a template and not just a regular website some suggestions on pagespeed don’t apply here. The main focus on our demos is showing all the available options the template can offer and keeping quality of images at the highest. Also please note that these scores are effected by your internet speed, hosting, proximity to the server location etc. That being said we’d like to note that when we check the demos, we get 95+ score for desktop: https://share.getcloudapp.com/yAuyNQbN https://share.getcloudapp.com/nOuvxbnp If you optimize your images for mobile and eliminate the js and css you don’t wish to use with the help of Gulp.js, you can get a high score for mobile as well.thanks for clarity. I am purchasing now.
Hi, in the colour list, there’s mention of “Ash”, but that choice doesn’t work when I type it into <link rel=”stylesheet” href=”./assets/css/colors/ash.css”>?
Hi,
Ash is available as a color option for text, bg and buttons but not as a theme color. Please check out this list for available theme color presets: https://sandbox.elemisthemes.com/docs/styleguide/colors.html#snippet-1 It’s easy to generate any color scheme with the help of gulp though. Let us know if you have trouble applying and we can send you the css file.
