308 comments found.
Hi, I love the template. Thank you!
I have a page with an isotope filter like this page here: https://sandbox.elemisthemes.com/projects4.html.
Is there a way I can align the images at the top of each row? Right now, all the images are aligned at the bottom of the images above them.
Please and thank you!
I was referencing the link without the period: https://sandbox.elemisthemes.com/projects4.html
Hi,
Thank you for choosing Sandbox. To achieve the desired appearance, you need to modify the layoutMode setting in the Isotope plugin located in assets/js/theme.js. Currently, it is set as:
layoutMode: 'masonry',
Please change it to:
layoutMode: 'fitRows',
You’re the best! Thank you so much!
<div class="col-lg-7 image-wrapper bg-image bg-cover rounded-top rounded-lg-start d-none d-md-block" data-image-src="/assets/img/backgrounds/home-bg.jpg" />
Hi,
Have you encountered any errors on the browser Console regarding the image not being found? If so, the issue might lie with the incorrect image path. Please verify that the path is correct. If there are no errors displayed on the Console, kindly share the URL of your website so we can take a closer look. Thank you.
Yes, url is correct. Here is the reference:
<div class="wrapper image-wrapper bg-cover bg-image bg-overlay bg-overlay-500" data-image-src="/assets/web/img/backgrounds/home-banner-bg.jpg">
<!-- more here -->
</div>
Could you please share the URL of your website so we can take a closer look? Thanks.
It turned out to be a JavaScript error. Thanks for your help.
Hi, which folder contains the template with the highest speed? dev/ src/ or /dist?
Thank you for purchasing Sandbox. dist folder includes minified css and js files which improve site speed. You can find more information about the file structure in the documentation: https://sandbox.elemisthemes.com/docs/index.html#snippet-2
Hi, do you have a “before and after” slider for Sandbox? This is where you’re presented with an image that has a dividing line over it and you can drag it left and right to reveal another image underneath? Thanks Nick
Hi,
Before After slider is unavailable in Sandbox. But we can suggest this plugin https://github.com/koenoe/cocoen which we tried before on a different template and it was working great.
Many thanks for your reply. I will check that out. Btw, great update, however, I don’t get an email alerting me to an update to Sandbox – any reason why? I’d like to be informed each time it’s updated. Thanks, Nick
Hi again, there,
I would like the navbar to have px-lg-5 and py-lg-1, I have put this on the <navbar class =”px-lg-5 py-lg-1”> but it doesn’t change anything.
I can do this by removing the style.css and using bootstrap 5 cdn, but I would like to use your style.css, can you please assist me how to achieve this?
Many thanks
Hi,
Kindly let us know which navbar/demo you are working with so we can examine it more closely. Thank you.
Hi, thank you for your response.
I would like this navbar: https://pasteboard.co/E3XmhTWtyiXA.png
to have px-lg-5
Thank you so much
Please try applying the padding classes to the container that’s inside navbar like this:
<nav class="navbar navbar-expand-lg classic transparent navbar-light">
<div class="container flex-lg-row flex-nowrap align-items-center px-lg-5 py-lg-1">
</div>
I’d like to build the css stylesheet from source. The scss file imports the Bootstrap 5.2 files from a folder called “node_modules”. How exactly do I set this up so that it builds? Thank you.
Hi,
You can find the instructions on Gulp setup on the template documentation’s Get Started page: https://sandbox.elemisthemes.com/docs/index.html
are you plan update to Bootstrap 5.3 with day/night support?
It is in our plans. However since it’s still alpha we haven’t started working on it yet, therefore we are unable to provide a specific timeframe for when it will be available.
Don’t you have an inkedin icon?
.uil-Linkedin:before { content: ”\?”; }
Hi,
There are two LinkedIn icon alternatives in Unicons icon set:
<i class="uil uil-linkedin"> </i> <i class="uil uil-linkedin-alt"> </i>
You can reach the list of all brand icons and copy them here: https://sandbox.elemisthemes.com/docs/styleguide/icons-font.html#brand-logos
Does it support RTL
Hi,
Thank you for your interest in Sandbox. Currently we don’t have RTL support out of the box. With the use of RTLCSS project (https://rtlcss.com/learn/usage-guide/install/) you can generate RTL version of style.css but some theme specific styles won’t have support for RTL.
Does this include the multimedia license?
Hi,
Thank you for inquiring about Sandbox. Can you provide more information on what you mean by the multimedia license? Thank you.
do you have figma file of this theme?
Hi,
Sandbox doesn’t have any design files. It was designed directly with HTML. You can reach the resources of mockups used in the template from the documentation though: https://sandbox.elemisthemes.com/docs/credits.html#snippet-2 scroll down a little bit for mockups.
Hello, since we have purchased your script more than 6 months before, we try to reach from here.
Sandbox contact pages are not working; there is an 301 error on them and I think it is related to theme.js fetch line. Can you help us? We cannot use contact pages.
Hi,
This is the first time we get such a feedback regarding the contact form. We’d appreciate if you could you provide more details. Which version of the template do you use? Have you tested the form with the latest version of the template? Are you working locally or on a working web server? What PHP version does your server run? Also where and when do you get the 301 error exactly? Thanks.
Hello guys, do you plan to add dark theme color ?
Hi,
It is in our plans. However, at this time we are unable to provide a specific timeframe for when the dark mode will be available.
Hi there,
It’s possible to remove the overlay navbar menu that appears when scrolling?. Please see the screenshot below.
Many thanks
Hi,
Thank you for purchasing Sandbox.
You can disable sticky navbar by commenting the line:
theme.stickyHeader();
in assets/js/theme.js on line 10.
Does this theme support RTL for Arabic version of website and are all pages build on BS 5 as some templates have mix of both? how can we convert navbar to RTL as i tried since but i breaks as all is flex based. Otherwise template is nicely done specially i like the block section where we can use any one block. I wish you have proved CSS for each block so that we can keep CSS file compact as much as possible
Hi,
You don’t appear to have purchased the HTML version, could you be referring to the React version? If so please reach out to React version author here: https://themeforest.net/item/sandbox-modern-multipurpose-react-template/40486293/comments If you are referring to the HTML version please know that RTL support is not available at this time. Although with the use of RTLCSS project you can generate RTL version of style.css, however some template specific styles won’t have support for RTL out of the box.
Is there any documentation for using vite? Thank you
Thank you for purchasing Sandbox. Unfortunately any documentation for using vite is not available.
How loop Owl carousel?
Hi,
You can loop owl carousel using the attribute data-loop="true" like this:
<div class="carousel owl-carousel" data-loop="true" data-margin="30"> ... </div>
Great thanks. What about changing transition style?
I mean Autoplay transition.
You can use data-autoplay="true" to turn on auto play and data-autoplay-timeout="3000" to add a custom timeout. You can use any value (ms) to assign a custom timeout.
Can I ask you two more questions?
1) Demo page 2 – Can I change “navbar language-select” like a “switcher-button”?
For example, if divide the page by En / Ds
<li class="nav-item dropdown language-select">
<a class="nav-link dropdown-item dropdown-toggle" href="eng.html" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="ds.html">Ds</a></li>
</ul>
</li>
< /code>
I want to change this part like the price switch-button below.
<code>
<div class="pricing-switcher-wrapper switcher">
<p class="mb-0 pe-3">En</p>
<div class="pricing-switchers">
<div class="pricing-switcher pricing-switcher-active" />
<div class="pricing-switcher" />
<div class="switcher-button bg-primary" />
</div>
<p class="mb-0 ps-3"><a tag=""> Ds</a></p>
</div>< /code>
2) I did three divisions.
I'm filling in the first part on the left (bottom position on mobile).
The second and third are pictures.
I want to position the first part on the left at the bottom of the vertical.
Aligning the bottom with the second or third image
<pre><div class="row gy-10 gy-xl-0 mb-14 align-items-center">
<div class="col-lg-5 order-lg-2">
<figure class="rounded"><img src="./assets/img/photos/d.png" alt="" /></figure> </div>
<div class="col-lg-5 order-lg-2">
<figure class="rounded"><img src="./assets/img/photos/a.png" alt="" /></figure></div>
<div class="card shadow-lg p-0 col-md-10 offset-md-1 offset-lg-0 col-lg-2 text-start">
<div class="card-body p-1" style="user-select: auto;">
<h6>The Joyce</h6>
<span class="post-meta fs-15">Medford<br />Fall, 2021<br /><br /></span>
<figure class="rounded"><img src="./assets/img/photos/small_img.png" alt="" /></figure>
<p>small</p>
</div>
</div>
</div>
< /pre> </pre>
Hi,
Please check Bootstrap switcher example to make a language switcher: https://getbootstrap.com/docs/5.1/forms/checks-radios/#switches
Our support only includes fixing bugs and answering questions related to problems with the included features in our items. Providing customizations to items is unfortunately not part of our support. Thank you for understanding.
Is there an boxed option available for this template ?
Hi,
Thank you for your interest in Sandbox. We don’t have a box layout option but we have a similar example on this demo: https://sandbox.elemisthemes.com/demo17.html Please check thorougly if this approach works for you.
Hi Guys, just my regular checkin with you to see when your next update is scheduled before I make any more changes. Thanks again for such a great template and looking forward to some more fantastic demos in the next update! Best wishes Nick
Hi,
We’re waiting for the next major release from Bootstrap for the next update.
