Kodax - Full Screen Landing Page

Hi Sam, I have updated the download package shortly after my reply the other day. The new jQuery Animate script is contained within. Have you tried this?

I downloaded the whole theme again. Can you tell me which files to substitute now please?!

Hey Sam, The “jquery.animate-enhanced.min.js” script has been updated.

Hey Devs, Sorry for the late reply. Fade is not an option with in the current theme.

This isn’t a Wordpress Theme, its HTML only.

Hey broncho6, If you can provide me with a link to your example? happy to look into this. Sounds like maybe a script is missing or something happend during the FTP if the file work on your local but not on a server.

Thanks brocho6. I have just updated the download package with the revision.

You are the man! Great work! Last question. Is it possible for the slideshow to somehow stop with a mouse hover over any of the pictures? And then resume when the mouse hover moves from the center?

Hey David, answered you via email. cheers.

1. It was a different error… The correct path it was ../img/3.JPG instead of ../img/3.jpg!!! I never tought that was case sensitive… However thank you.

2. Where do you mean? main.css?

I have this

/* ==========================================================================
   LOGO
   ========================================================================== /
.header-container .logo{
    text-indent: -10000em;
    position: absolute;
    width: 130; / Adjust Width for Logo if needed dafault - 170px/
    height: 110px; / Adjust Height for Logo if needed default - 46px/
    background: url(../img/LOGO.png) no-repeat center 0; / Change Your Logo Name */
    background-size: 100%;
    top: 40px;
    margin: 0;

}

You need to declare what unit of measurement your width is? add “px” to the end of it.

You are right, thank you very much, have a nice day. M

Hi Oliver,

Yes you can have Next and Prev arrows on the sides of the slide, and yes you can stop the auto play of the slider also.

play: true,
slide_easing: 'easeInOutCubic',
slide_speed: 800,
delay: 50000,
pagination: true

Thanks for your quick response!

Hi capostatus05, This is weird, while I sort it out, Can you send me your email, I will send you a private link to the download file.

sent private message to you

Hi Stephen, Sorry, It seems during a new upload of the file yesterday, the package has become corrupt. I am half way through uploading a new package. In the mean time email me your email address and I will send you a private link.

Hey Oliver,

.slides-navigation {
    width: 85%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    top: -50%;
}

hashchange: true,

Hi,

Sorry but you didn’t understand what I told you.

I know how to use the arrow navigation but the function ” hashchange ” isn’t supported for it: it works only for pagination navigation.

See ” jquery.superslides.js ” (line 281) for arrow navigation = don’t support function ” hashchange ”:

$(document).on(‘click’, ”.” + options.nav_class + ” a”, function(e) { e.preventDefault(); stop(); if ($(this).hasClass(‘next’)) { return animate(‘next’); } else { return animate(‘prev’); } });

See ” jquery.superslides.js ” (line 306) for pagination navigation = support function ” hashchange ”:

on(“click”, ”.slides-pagination a”, function(e) { var index; if (!options.hashchange) { e.preventDefault(); } index = this.hash.replace(/^{#/, ’’); return animate(index); }); $window.on(‘hashchange’, function(e) { var index; index = location.hash.replace(/}#/, ’’); stop(); return animate(index); }); }

Could you help me to modifify ” jquery.superslides.js ” for apply the function ” hashchange ” to the arrow navigation?

Sorry to bother you again. I tried to put the app icon besides the texts in the slide, but It did not work. Do you have any suggestion? Thanks for your help.

Hey Nikrooz,

The only inline images in the full page slider were only intended to be slides. The full page slider is looking for any inline images in the Slides div and resizing these to be full screen.

.appButton{
     width: 130px!important;
     height" 80px!important;
}

Either that process or an alternative insert a div and define your image as the background image.

Hope that helps.

Thanks a lot, you are so helpful. I really appreciate it.

Hi Vinners2,

I have a sneaky suspicion that your using an older version of Photoshop? What version are you on? Can you please email me and I will work with you to sort this out.

I’m using CS3. Do you have a fix for this? I will send you an email. Thank you for this fast reply.

Hey Shrinkpad, There is not enough in this template to justify a Wordpress theme sorry., So most likely not unless I get alot of requests.

Hey Ecnrip79,

#slides {
    height: 100%;
    overflow: hidden;
    width: 100%;
    cursor:move; /* Should add the drag cursor */
}

Thank you very much Kenny! It worked like a charm. Now I’m eager to find out if there is a way to add a grab and drag cursor to it. If you have time, please let me know. And once again, thank you for this excellent template. You are very detailed and talented and it shows in your work.

Ecnirp

Hi Lillstreet,

This sounds like a funny bug, after 200 sales this is the first report of such a bug. I will check it out, and post an update.

That said, Kodax was built to be iPhone, iPad friendly, and is touch enabled.

Hi Bryan, Unfortunately the Smart Objects that make the images easy to edit are only available in Photoshop. The only alternative is to use your own imagery unless you can get access to Photoshop.

Hey, update your css to the following: .slides-pagination{ display: none; }

Worked, but I “swiping” or click & dragging with the mouse changes the slide.

Do not include hammer.js in your html file, and the drag will not work.

Hey Lampot, What’s your email address, I have fixed your files, I will send them and explain what needed to be done.

Sent via PM, thanks for the help!

Hey Wonderist, thanks for the feedback. Yes I do custom work, email me from my profile page. cheers.