Hello,

It seems that your account doesn’t have the purchased badge for this item. We can only provide support to customers who have purchased the Sandbox template. If you’ve bought a different version or from another author, we recommend reaching out to that specific seller for assistance.

Oeps, wrong template -confused by the name of the template. Apologies

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 it on a live web server instead.

Hi,

Sorry for the late reply, we seem to have missed your comment. Unfortunately Bootstrap’s tab component does not have a built-in option for horizontal scrolling.

thanks for your answer. it isn’t possible by design to add more logo’s and with other filenames?

also i find the logo very small, where to change the logo height?

Feel free to use a different logo filename—just remember to update it in the HTML too.

You can use a logo of any height, but taller logos will increase the sticky header size, which may block more of the screen.

Hi,

Thank you for your interest in Sandbox. Unfortunately a graphical interface is not available. You will need to edit the code directly.

Hi,

All the images you see in the demo are included with the theme. Some of them are free for commercial use, while others are premium assets. You can find detailed licensing information for all images used in the theme here: https://sandbox.elemisthemes.com/docs/credits.html

Please note that I have already uploaded my site on a live server but the color effect does not work on my svg icons

Color changes won’t apply to custom SVGs unless you edit them. The easiest way to make a specific color in your SVG adjustable would be to open the SVG file and set the fill attribute of the desired paths to currentColor. Then when you embed the SVG in your HTML, simply apply a color utility class like text-primary or text-yellow and it’ll update automatically:

<path fill="currentColor"...>

<img src="custom.svg" class="text-purple" alt="" />

- Why SVG icons appear black? Due to the “same-origin policy” SVGInject does not work when run from the local file system in browsers. Please test on a working web server.

- Why the image mask doesn’t work on my copy of the item? This is also a known browser-spesific issue regarding image-mask that prevents it from working on local environments. Please test this on a working web server as well.

Okay thanks. How do I align the navigation to the center

There are several navigation examples in the template, which one are you referring to? Could you please share a link? Thanks.

Thanks. I was able to figure it out

Hello,

Thanks for reaching out and for your interest in Sandbox.

We’ve actually wrapped up active development on this template. And since its last update we haven’t received any bug reports or feedback indicating issues, so there hasn’t been a need for further updates.

That said, it’s still fully functional and stable and we’re always here if you run into any questions or need support.

Let us know if you have any other questions.

Hi,

You can reduce the size of the colored section by adjusting the top and bottom padding values. These paddings come from the pt-* and pb-* classes applied to the container div. Feel free to decrease their values as needed.

Hi,

The select filters you’re referring to are currently part of the design only and don’t include any built-in functionality. They’re styled and visually ready but the filtering logic will need to be implemented on your end.

Since the center logo option isn’t ideal for adding icons without disrupting the visual balance we decided to keep it minimal. But we do offer an extended header layout with a centered logo in https://sandbox.elemisthemes.com/demo24.html Would that option work for you? If not, we apologize for the inconvenience. You’re welcome to request a refund via https://themeforest.net/refund_requests/new

Could you please provide your website URL so we can take a closer look? Thanks.

I’ve also updated the $colors var in _variables. but I get an error…

ALL GOOD, sorted it out. For those who want to add additional BG and TXT Color options.. Do this:

1) Add the color declarations to _variables.scss Like this

$primary: $blue !default; // <- this is the orig $primary color var, new vars follow it
$navy-90: #485263 !default;
$navy-80: #5D6575 !default;
$navy-70: #717986 !default;
$navy-60: #858C97 !default;
$navy-50: #9A9FA9 !default;
$navy-40: #AEB2BA !default;
$navy-30: #C2C5CB !default;
$navy-20: #D6D9DC !default;
$navy-10: #EBECEE !default;

2) Then in the same file, find the $colors array and add the color vars you declared above, like this:

$colors: (
  "blue": $blue,
  "sky": $sky,
  "purple": $purple,
  "grape": $grape,
  "violet": $violet,
  "pink": $pink,
  "fuchsia": $fuchsia,
  "red": $red,
  "orange": $orange,
  "yellow": $yellow,
  "green": $green,
  "leaf": $leaf,
  "aqua": $aqua,
  "navy": $navy,
  "navy-90": $navy-90,
  "navy-80": $navy-80,
  "navy-70": $navy-70,
  "navy-60": $navy-60,
  "navy-50": $navy-50,
  "navy-40": $navy-40,
  "navy-30": $navy-30,
  "navy-20": $navy-20,
  "navy-10": $navy-10,
  "ash": $ash,
  "white": $white,
  "light": $light,
  "gray": $gray,
  "dark": $dark,
  "primary": $primary,
) !default;

I used the naming convention of -10 thru -90, representing the % of the base color.. so bg-navy-90 is 90% as dark as the bg-navy class, and bg-navy-10 is 10% as dark..

Thanks for sharing!

Hi,

Thank you for your interest in Sandbox. Unfortunately we don’t have any experience with Laravel and we’re unable to provide any guidance regarding its integration.

Hi,

Wrapping the img tag with span will work too:

<figure class="overlay overlay-1 rounded">
<span><img src="./assets/img/photos/pf3.jpg" alt="" /></span>
<figcaption>
<h5 class="from-top mb-0">Show my text on hover on Mobile</h5>
</figcaption>
</figure>

Well that was simple, wasn’t it? lol Thanks for the help!!!!!!

Thanks for asking, but there are no updates planned soon.

Hi,

You can access the set here: https://www.flaticon.com/authors/monochrome/yellow. We’ve customized the colors for the template and you can do the same by editing the SVG files.

Excellent, thank you for that! What needs to be edited in the SVG files to be compatible with the theme?

Existing icons can serve as a reference for this. You’ll need to remove the current fill and stroke attributes and replace them with the lineal-fill and lineal-stroke classes. If you encounter any issues, let us know. Alternatively, if you select the icons you’d like to use, we can provide those icon files for direct use in the template.

Hi,

Please also add .scroll class next to .nav-link class of the links.

Many thanks. That does work, however, the scroll is too rapid. Is there a way to modify the speed of the scroll? Thanks Nick

The speed varies based on the distance and unfortunately the plugin doesn’t offer an option to adjust it.