Hi,

Thank you for your interest in Sandbox. Illustrations are included in the template and are from Freepik. Please make sure you check usage details from Freepik website before using them: https://support.freepik.com/hc/en-us/articles/360024266134-Blogs-and-websites Basically you must include attribute on your website but if you are unable to do so then you must purchase a premium subscription at least for a month to acquire a license (can only be downloaded during your membership). This license will allow you to use the illustrations without attribution and they will remain active once your premium membership has ended. https://support.freepik.com/hc/en-us/articles/360024309954-Can-I-keep-using-Freepik-Premium-resources-once-my-subscription-has-expired-

Very good for this https://support.freepik.com/hc/en-us/articles/360024309954-Can-I-keep-using-Freepik-Premium-resources-once-my-subscription-has-expired-

But how about rawpixel ? Is the images from https://www.rawpixel.com/community-board/1391692/sandbox is same ? I mean if my subscription on rawpixel is ended, can i still use the images without attribution ? Because i see the images from rawpixel is using a premium.

Thanks

It should be the same because it says “Royalty-Free commercial use license. Use anywhere in the world for unlimited projects with no expiration dates.”

Hi,

The current version of PHPMailer in the template has support up to PHP 7.4.

We’ll include the latest version of PHPMailer on the next update, which supports 8.0.

If you’d like to update PHPMailer now, please follow the following instructions:

Download the latest version from PHPMailer github page. Then replace existing assets/php/PHPMailer-master folder with the latest version. In assets/php/contact.php* replace line 6 as follows:

use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require 'PHPMailer-master/src/Exception.php';
require 'PHPMailer-master/src/PHPMailer.php';

Thank you for the heads up. We’ll include the latest version of PHPMailer on the next update.

Anyone who wants to update PHPMailer now, please follow the following instructions:

Download the latest version from PHPMailer github page. Then replace existing assets/php/PHPMailer-master folder with the latest version. In assets/php/contact.php replace line 6 as follows:

use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require 'PHPMailer-master/src/Exception.php';
require 'PHPMailer-master/src/PHPMailer.php';

Please send us an email via the contact form on our profile page so we can send you the necessary php file for SMTP.

Thank you for your interest in Sandbox. We’ll be adding these pages on the next update.

Thank you for your interest in Sandbox. Unfortunately such an option is not available.

Hi,

We just tried to add .hover class to a text in accordion with background and it worked as expected. Maybe we understood you wrong. Could you please provide a URL so we can take a closer look? Thanks.

In first Accordion with Background (fist dropdown) “ hover class” not working, in the next ones it works. Unfortunatelly, I can’t show it as it is in development offline.

Not sure if we understand you correctly. Please check https://sandbox.elemisthemes.com/docs/elements/accordion.html we’ve added a text with hover on the first Accordion with Background example. Is this what you mean? If not please record a screencast or upload your files to a server for demonstration so we can take a closer look. Also please provide more details regarding “not working”. Can you not click on the link or is the style not appearing correctly? Thanks.

Unfortunately we’re not familiar with Next.js so we’re not able to provide any guidance on this subject.

Hi,

Thank you for the heads up. We’ll address this on the next update. Meanwhile please copy $spacers variables from _variables.scss along with your custom $spacer variable in _user-variables.scss for the custom spacer value to work or edit the $spacer directly in _variables.scss.

Quickly created an example for you. First add the following HTML inside “navbar-other > .navbar-nav”:

<li class="nav-item">
  <form class="search-form expanding">
    <input id="search-form" type="text" class="form-control" placeholder="Search">
  </form>
</li>

Then add the following CSS to make it work:

.search-form.expanding:before {
    pointer-events: none;
    color:#343f52
}
.search-form.expanding input {
    transition: width .55s ease;
    width: 50px;
    text-align: right;
    border: 0;
    background: 0 0;
    box-shadow:none
}
.search-form.expanding input:focus {
    width: 180px;
    background: rgba(0, 0, 0, .07)
}

That´s great, works fine! Thank you so much!

You’re welcome

Our contact form is similar to the one used in this tutorial which shows how to add recaptcha: https://bootstrapious.com/p/bootstrap-recaptcha you can use this tutorial as a guide to add recaptcha to your forms.

<section class="wrapper">
    <div class="post-slider mb-8 mb-md-12">
        <div class="basic-slider owl-carousel dots-over" data-nav="true" data-margin="5">
            <div class="item"><img src="images/slide-1.jpg" alt="" />
                <div class="basic-slider-caption position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-10 offset-md-1 col-lg-7 offset-lg-0 col-xl-6 col-xxl-5 text-center text-lg-start">
                                <h2 class="display-1 fs-56 mb-4 text-white animated-caption" data-anim="animate__slideInDown" data-anim-delay="500">some caption text here</h2>
                                <p class="lead fs-23 lh-sm mb-7 text-white animated-caption" data-anim="animate__slideInRight" data-anim-delay="1000">some more caption text...</p>
                                <div class="animated-caption" data-anim="animate__slideInUp" data-anim-delay="1500"><a href="#" class="btn btn-lg btn-outline-white rounded-pill">read more</a></div>
                            </div><!--/column -->
                        </div><!--/.row -->
                    </div><!--/.container -->
                </div><!--/.basic-slider-caption -->
            </div>        

            <div class="item"><img src="images/hero-3.jpg" class="rounded" alt="" />
                <div class="basic-slider-caption position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-10 offset-md-1 col-lg-7 offset-lg-0 col-xl-6 col-xxl-5 text-center text-lg-start">
                                <h2 class="display-1 fs-56 mb-4 text-white animated-caption" data-anim="animate__slideInDown" data-anim-delay="500">some caption text here</h2>
                                <p class="lead fs-23 lh-sm mb-7 text-white animated-caption" data-anim="animate__slideInRight" data-anim-delay="1000">some more caption text...</p>
                                <div class="animated-caption" data-anim="animate__slideInUp" data-anim-delay="1500"><a href="#" class="btn btn-lg btn-outline-white rounded-pill">read more</a></div>
                            </div><!--/column -->
                        </div><!--/.row -->
                    </div><!--/.container -->
                </div><!--/.basic-slider-caption -->
            </div>
        </div><!-- /.basic-slider -->
    </div><!-- /.post-slider -->
</section>

In js/theme.js search “hero-slider” and replace it with “custom-slider”, then in the slider HTML code replace “basic slider” class with “custom-slider” to have hero slider caption functionality work.

Works now. Thanks!

Ah, found the answer in the FAQ, so no need to answer this.

Hi,

Due to the same-origin policy SVGInject does not work when run from the local file system in many browsers (Chrome, Safari). Please test on a working web server, the colors will be applied properly.

Further proof that it’s still using the contact.php rather than the specified freetrial.php is that if I take down freetrial.php, emails still go through, but if I take down contact.php reply messages & emails stop. What I need is the template to use the .php file I specify in <form class=”contact-form needs-validation” method=”post” action=”./assets/php/freetrial.php” novalidate>.

Hi,

Please duplicate contactForm function in js/theme.js for the free trial form. Make sure you apply a new specific selector for the new one on line document.querySelectorAll(”.contact-form.needs-validation”); and also change the ajax url accordingly and try again.

Thanks – we’ve worked in a solution based on this.

Hi,

Thank you for your interest in Sandbox. You can reach the resources of the mockups we use in the template from the documentation: https://sandbox.elemisthemes.com/docs/credits.html#snippet-2 (scroll down to Mockups)

thank you so much !

Hi,

Thank you for your interest in Sandbox. Could you please show us some examples so we can better understand what you have in mind?

Thanks for the quick response. An example would be the mobile menu here: https://www.three.co.uk/

Hi,

Thank you for your suggestion. We found it a bit complicated to use. When a user reaches to the 3rd menu they have to click twice to back to return to parent. We can consider this if we receive more requests though. We definitely plan to make some design improvements to the mobile menu on the next update.

Here’s the updated link: https://sandbox.elemisthemes.com/demo15.html

How can I adjust the delay time between the slides?

Thank you for the link. In js/theme.js please go to line 396 and change autoplayTimeout value from 5000 to desired value (miliseconds). Increasing the number will increase the time between slides.

Thank you so much!

Hi,

Since we updated most of the template files starting from scratch and copying html content and custom css from your existing website would be the best approach for updating.

Unfortunately we are not available for hire at this time. But we’d appreciate if you could let us know what kind of pages you needed so we can consider adding those on future updates. We add the pages that are the most requested to our to-do list.