52 comments

ayyobro PURCHASED
Not even sure how to use this in my application. Not very tech savvy, how can I get this up and running?
Help! This template doesn't work on iPads or many macs. It crashes safari on three different devices. Please help.
micko PURCHASED
Hi,

I'm using the current version 1.6 and in the release notes it says 'Disable parallax on mobile' does this include tablets because my website isn't working correctly when using android. The buttons won't work and the page doesn't scroll. It works on every other browser/platform.

Any help appreciated.
etap SELLER
Hi micko,

Thanks for buying a Rinjani template. Sorry for the late reply.

Seems plugins that I use for the detection of mobile browsers do not consider android tablet as a mobile browser.

In the HTML file, search for the "$(window).load", and change the following exact text with this:

$(window).load(function(){
var ua = navigator.userAgent.toLowerCase(),
isAndroid = ua.indexOf("android") > -1,
isIpad = ua.indexOf("ipad") > -1;

if (jQuery.browser.mobile === false && !isAndroid && !isIpad){
// This is for Parallax using Skrollr
var s = skrollr.init({
forceHeight: false
});

// Refresh Skrollr after resizing our sections
s.refresh($('.parallax'));
}
});

We hope you find this helpful. Kindly submit your request through the contact form on our profile page.

Thank you
micko PURCHASED
That worked perfectly. Thank you so much - keep up the good work!
thuto PURCHASED
How do i change the color of the preloader from the default green to yellow, tried changing the preloader.gif file color but it's still not changing??
etap SELLER
Hi thuto, thanks for buying a Rinjani template.

Are you trying to change the color of the preloader using css code? If so, you can not change it using css code, you have to create your own preloader.gif image. Then replace the original preloader.gif image with the new image created by you.

Please visit http://www.ajaxload.info you can easily generate.

We hope you find this helpful. Kindly submit your request through the contact form on our profile page.

Thank you
thuto PURCHASED
Thanks, it worked!
Great theme, quick question:

I've been trying to figure out which plugin is controlling the brightness of the video background. Could you enlighten me? Thanks!
etap SELLER
Hi bwrodgers,

Thanks for purchasing Rinjani, and sorry for the late reply.

Option A:
1. Just open your assets/css/rinjani.css file. Find this css code:

#intro:before {

2. You can set the opacity of a background (video) of an overlaying div (#intro) with this code:

// Example 1
#intro:before {
background: rgba(0, 0, 0, 0.2);
}

// Example 2
#intro:before {
background: rgba(0, 0, 0, 0);
}

Option B:
1. First, you must have to download the latest update of the jquery.mb.YTPlayer plugin.
https://github.com/pupunzi/jquery.mb.YTPlayer

2. Open your assets/js/main.js file, under YOUTUBE VIDEO BACKGROUND section, find and change this line:

var ua = navigator.userAgent.toLowerCase(),
isAndroid = ua.indexOf("android") > -1;

var filters = {
brightness: 200 // 1 - 400
};

if(jQuery.browser.mobile === false && !isAndroid){
$('.player').YTPlayer({
videoURL: 'https://www.youtube.com/watch?v=Ufnf0ecwzVI',
containment: 'body',
autoPlay: true,
mute: true,
startAt: 137, // Set the seconds the video should start at.
opacity: 1
}).YTPApplyFilters(filters);
}

We hope you find this helpful. Kindly submit your request through the contact form on our profile page :)

Thank you.
etap SELLER
Doc: https://github.com/pupunzi/jquery.mb.YTPlayer/wiki#filters
Thank you for getting back to me so quickly! I don't know why I didn't see that before. Thank you!
todo42 PURCHASED
Hi,
after purchasing your theme and take it into production, today I've played a little bit with version 1.7 and both variants 'single image' and 'slideshow'. But with my setup (Chrome 43.0.2357.134 (64-bit) / Mac OS 10.7.5) there is no difference. I do not see any 'slideshow'. I am missing something ?

Kind regards
Dominik
etap SELLER
Hi Dominik,

Thanks for purchasing Rinjani.

Maybe that happened because the text ("Slideshow Image One" & "Slideshow Image Two") on image placeholder is quite similar :)
todo42 PURCHASED
... aaahh ... I saw it .... ok, thanks !!!
Hi.

Is there a way that I can display a Youtube video instead of an image in the Portfolio section once it has been open into the lightbox.

And also how can I make an image in the lightbox send me to an URL when clicking on it, instead of sending me to the next image in the gallery?

Can you tell me if that is even possible, Thanks!
Buongiorno,
ho comprato il templade e volevo chiedervi una cortesia. Come posso fare ad inserire uno o più marker nella mappa?
Spero che mi potete aiutare grazie.
Finchkie PURCHASED
Hi There,
Please could you tell me how to change the map coords for the Google Map?
etap SELLER
Hi Finchkie,

Thanks for purchasing Rinjani.

Only thing you need to do is to setup your latitude and longitude of your address. To do this, please open "assets/js/component/map.js" file and change this line:

var $latitude = LATITUDE_OF_YOUR_ADDRESS,
$longitude = LONGITUDE_OF_YOUR_ADDRESS,
map_zoom = 16;

Example:
var $latitude = -6.193948,
$longitude = 106.849184,
map_zoom = 16;

If you unable to find latitude and longitude of your address. Please visit http://www.latlong.net/convert-address-to-lat-long.html you can easily generate.

Thank you.
Al
Finchkie PURCHASED
Thanks Al! Your template is awesome!! One more question…how do I decrease the opacity of the black on the intro image? Thanks! Jen
etap SELLER
Hi,

Apologies for the late reply. Here are the steps:

Please open your assets/css/rinjani.css file, under "5. INTRO SECTION" section, find and change this line:

BEFORE:
#intro:before {
position: absolute;
content: " ";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}

AFTER:
#intro:before {
position: absolute;
content: " ";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}

Hope that helps :)

Thank you.
Al
Hello, I am interested in your Rinjani template. I noticed a strange behavior. When viewing on iPhone - when I open the menu and click a link the page scrolls but the menu does not automatically close.

Please advise
etap SELLER
Hi,

Thank you for your interest in our template :)

You are right, that will be something I would fix in the next update. If you need a quick fix for that, here are the steps, it has been tested and worked.

Please open assets/js/main.js file, under "JQUERY FOR PAGE SCROLLING FEATURE" section, copy this js code:

BEFORE:
var pageScroll = function(){
$('.page-scroll a').bind('click', function(e){
e.preventDefault();

var $anchor = $(this);

var offset = $('body').attr('data-offset');

if($('.navbar.navbar-fixed-top').hasClass('side-menu') && $(window).width() >= 992){
$('body').data('offset', 1);
offset = $('body').data('offset');
}

$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top - (offset - 1)
}, 1500, 'easeInOutExpo');
});
};

AFTER:
var pageScroll = function(){
$('.page-scroll a').bind('click', function(e){
e.preventDefault();

var $anchor = $(this);

var offset = $('body').attr('data-offset');

if($('.navbar.navbar-fixed-top').hasClass('side-menu') && $(window).width() >= 992){
$('body').data('offset', 1);
offset = $('body').data('offset');
}

$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top - (offset - 1)
}, 1500, 'easeInOutExpo');

$('.navbar-rj-collapse').collapse('hide');
});
};

Thank you.
Al
Hi etap,

Thank you for creating this template. As a newbie, I've found it very useful to study and learn from. I've added MySQL connectivity, retrieved data and displayed it in using your customized tables via Ajax (so the page doesn't reload upon update). This works well. However, I would like to introduce pagination to your tables and couldn't see an example of how to do this.

I've therefore tried to user datatables.net's Table plug-in for jquery, but I cannot get it to work. I believe I've followed all the instructions on their site and checked the FAQ.

I thought the version of JQuery might need to be refreshed so I updated the link at the bottom of your index.html to point to the latest jquery CDN. But now the page-loader just keeps looping (4 or 5 squares merging into 1 larger square) and the page no-longer works. Changing the link to js fixes the issue but the pagination plug-in doesn't seem to do anything.

Any ideas on the jquery update or the best way to apply pagination to this theme?
Hi Etap,

I'm trying to understand the connection of the Contact form, but all the time appears an error that said:
"Error Sending" try again later.

Please can you help me with this issue?

Thanks in advanced
bmvagts PURCHASED
Hi,
I just want to start of saying great template, i love the look and it worked great. I am having a few issues with the email part. I've entered in my email info where I thought it should be, but I keep getting "error - try again later". Also, when preview the page from notepad++ the page looks perfect, but once I published it, the portfolio is no longer in grid format and the map doesn't show up when viewing it on the actual web. Any tips? Thanks ahead of time! Other than that, fantastic theme.
etap SELLER
Hi,

Thanks for purchasing Rinjani. Apologies for the late reply.

1. I've entered in my email info where I thought it should be, but I keep getting "error - try again later"?

Answer:
Do you have "your_email@your_domain" set up as a valid email address hosted at your web hosting? If not, I am afraid your webhosting help team will be of a better assistance in this case. You can contact them directly and consult how to set up an email on your server.

Host, username and password intended to be that the email account you want to use to receive messages.

Example:
$host = 'mail.your_domain.com';
$username = 'btcom@your_domain.com';
$password = 'your_password';

2. When preview the page from notepad++ the page looks perfect, but once I published it, the portfolio is no longer in grid format and the map doesn't show up when viewing it on the actual web. Any tips?

Answer:
I don't know if the files on your server is corrupted, it looks like you need to re-upload your project files.

Hope that helps :)

Thank you.
Al
btcom PURCHASED
Need help configuring the PHP mailer!

$host = ???
$username = ???
$password = ???

The host I suppose it's my website domain. But the user and password? Which one it is asking me for? My FTP user?

Please help! Thanks in advance.
etap SELLER
Hi,

Thanks for purchasing Rinjani.

Host, username and password intended to be that the email account you want to use to receive messages.

Example:
$host = 'mail.your_domain.com';
$username = 'btcom@your_domain.com';
$password = 'your_password';

Do you have "your_email@your_domain" set up as a valid email address hosted at your web hosting? If not, I am afraid your webhosting help team will be of a better assistance in this case. You can contact them directly and consult how to set up an email on your server.

Hope that helps :)

Thank you.
Al
Are there any fixes you know of for the crazy animation glitches(in your demos) that occur with the latest version of safari?
These glitches are specific to the slideshow template by the way. All of the other ones seem to work fine with safari.
Hi, I bought this template today in my name email rmelobarbosa@gmail.com.
How can I change the dark color that exists in front of the background video?
etap SELLER
Hi,

Thanks for purchasing Rinjani.

Option A:
1. Please open your assets/css/rinjani.css file. Find this css code:

#intro:before {

2. You can set the opacity of a background (video) of an overlaying div (#intro) with this code:

// Example 1
#intro:before {
background: rgba(0, 0, 0, 0.2);
}

// Example 2
#intro:before {
background: rgba(0, 0, 0, 0);
}

Option B:

Please open your assets/js/main.js file, under YOUTUBE VIDEO BACKGROUND section, find and change this line:

var ua = navigator.userAgent.toLowerCase(),
isAndroid = ua.indexOf("android") > -1;

var filters = {
brightness: 200 // 1 - 400
};

if(jQuery.browser.mobile === false && !isAndroid){
$('.player').YTPlayer({
videoURL: 'https://www.youtube.com/watch?v=Ufnf0ecwzVI',
containment: 'body',
autoPlay: true,
mute: true,
startAt: 137, // Set the seconds the video should start at.
opacity: 1
}).YTPApplyFilters(filters);
}

Hope that helps.

Thank you.
Al
Hello, love the theme! Under the timer there is a text box to enter an email address and a "notify me" button. Entering an email address and clicking the button does nothing. I dont see a php form associated with it in the index file either. How do I make this button functional? I want people to enter their email address to be added to a mailing list.
thanks!
etap SELLER
Hi,

Thank you for your interest in our template.

The contact form is hooked to our email address for demo purpose. If you submit the form with your real email address we can forward you the submitted form results.

Thank you.
Al

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$7
1223Purchases

Licenses: Details »

Single application $7
Version:3.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
Browsers:
  • IE 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:No
Categories:
Tags: agency, corporate, landing page, marketing, one page, startup
Item#:WB035T192
Released:3 years ago
Updated:4 months ago
Sold exclusively on WrapBootstrap
etap

etap

Signed up 5 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: