Discussion on Storm - Full Screen Background Template

Discussion on Storm - Full Screen Background Template

Cart 1,965 sales
Well Documented

ThemeCatcher supports this item

Supported

This author's response time can be up to 1 business day.

390 comments found.

Cant Serene and Galleria both work simultaneously in Ajax Version?

Yes they can, but they are not set up to work on the same images. In my previous comment I told you to replace the serene code with galleria code (I assumed you didn’t want to use Serene). So just add that code back in and it should work.

Regards, TC

Hi

Thanks so much for this fantastic theme so far its been an absolute breeze to set up.

However I am having difficulty with one thing…which I’ve added…and I know you don’t have to answer customization questions, however I would really appreciate some feedback.

I’ve added 6 HTML5 audio buttons using the audio tag. They work perfectly in Firefox, Safari, Chrome and Opera however they don’t work in IE9 (even though I know IE9 does support HTML5 audio). A box appears with a red cross in the middle, so something is clearly registering. I’ve tried just about everything I know to try and rectify the situation. Any assistance for this would be greatly appreciated. I’m using Ajax version.

The URL is:michaelblount.co.uk

The code I’m using is:

fntsestext

Title

<audio controls=”controls”> <source src=”audio/joanbaez.aac” type=”audio/aac”/> <source src=”audio/joanbaez.ogg” type=”audio/ogg”/> <source src=”audio/joanbaez.mp3” type=”audio/mpeg”/>

Your browser does not support audio

</audio> <audio controls=”controls”> <source src=”audio/joanbaez.aac” type=”audio/aac”/> <source src=”audio/joanbaez.ogg” type=”audio/ogg”/> <source src=”audio/joanbaez.mp3” type=”audio/mpeg”/>

Your browser does not support audio

</audio>

Hmm.. did you try using an HTML5 doctype?

<!DOCTYPE html>
If this works, it will also break our clearfix code, in styles.css find
/*Clearfix code*/
.clearfix:after {content: "."; display: block; clear: both;    visibility: hidden;    line-height: 0;    height: 0;}
.clearfix {    display: inline-block;}
html[xmlns] .clearfix {    display: block;}
* html .clearfix {    height: 1%;}
/*Clearfix code*/
replace with
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

It could also be a MIME type issue according to this thread.

In other words IE9 is NOT comfortable with audio/x-mpeg but accepts audio/mpeg as MIME type of a resource for an <audio> tag.
I notice in the page source for music.html you have it set to audio/x-mpeg have you tried audio/mpeg?

Regards, TC

Hello,

Awesome template! Im having problems with the website gallery Im trying to use the galleria.html to view pictures in the ajax version, but instead of opening up on the same page It opens up a new window or tab to view the larger image. If you can check it out and let me know what my problem is I would appreciate it! Thanks!

http://bmu.blessmeultima.com/#galleria.html

In scripts.ajax.js, on line 125 add this code

Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.js');
In the same file, find this code
            $('.serene-portfolio a.portfolio-thumb-link').serene({
                onOpen: $.fullscreen.unbindKeyboard,
                onClose: $.fullscreen.bindKeyboard
            });
replace this with
$('.galleria-portfolio').galleria({
                width: 900,
                height: 450
            });
In the head of your index page, find this code
<script type="text/javascript" src="js/serene/jquery.serene.js"></script>
replace it with
<script type="text/javascript" src="js/galleria/galleria.js"></script>
Regards, TC

Thanks for a quick reply. I have searched the Themeforest and ActiveDen to find something that is powerful in terms of features, and yet user-friendly. Your template provides both. It is without doubt, one of the best template out there. I have gone through all 14 pages of comments and before i make a purchase, i just have few questions that i need to ask:

1) The most common question -> When will the Wordpress version be out?

2) I plan on using the ajax version ( better feel ). But Ajax version does not have the galleries such as Galleria provided in standard version. Will they work with Ajax or not if i add the codes from standard version to ajax files?

3) Top Button does not work in Ajax version, I tested on Safari 5 and Chrome 20, Windows 7 Ultimate. It works fine in IE, Opera and Firefox. This badly needs to be fixed. Any update on this?

4) Can the MenuBar stay intact while the contents scroll ? But i want the 15 – 20px gap between the menubar and contents to be always be there. Possible?

5) Is the menubar always 100% ? and the content window and menu bar contents always in center regardless of resoultion?

6) Is it possible to replace the HIDE MENU button and SHOW MENU button with another image?

7) How are the images preloaded ? do i set a number of images to be preloaded ? or does it auto loads all images in the list while a user is looking at an image.

8) Is it possible to change the color scheme of entire layout to White/Grey for menu, and Black/Brown for fonts.

9) I know it is possible to change the fonts. But will i be able to insert GOOGLE Translate on this site after changing the fonts?

10) I like the footer on your PEARL Theme. I need the Facebook option, the newsletter option, and a full width footer, and a box with Google Translations. Can i get that footer if i purchase STORM ? or do i need to purchase Pearl too for that coding?

11) I like the Options for styling images on PEARL . Possible to get those if i buy STORM ?

12) I like the option to change Header style, Background overlaystyle, Content Area Background and Font changing option on PEARL . Possible to add those into STORM ?

I dont mind buying both of your templates, as long as i am able to combine STORM and PEARL and create one powerful website. Ofcourse, if i get stuck somewhere, i will be needing your help to combine the above options that i need from pearl to storm. The only reason why i cant use PEARL as my main website is back it doesnt not have AJAX . I dont users to open the website again and again if they want to open new pages. I want smooth transitions. Otherwise pearl would had been my first choice.

What would be your recommendation?

1. We are still working on it, I can’t give an exact date but it will be within 2 months.

2. Yes you can use the other galleries. Galleria is the only one that is problematic, I wouldn’t recommend using this with the Ajax version.

3. I will release an update with a fix, I can provide the code changes if you purchase before the update.

4. Not sure exactly how to do this while keeping the gap, I will get our CSS guy to get back to you.

5. Yes.

6. Yes.

7. When an image is loaded it will preload one more in either direction in the list, so if the user goes either way it will be fast.

8. Yes you are free to change the style.

9. Google translate will not be compatible with heading fonts as they are Cufon replaced (images). If you don’t use Cufon it should be fine.

10. I’m OK with you taking the code from the source of the Pearl demo. Setting up new footer boxes in Storm is more complicated than Pearl, you’ll need to duplicate the JavaScript section for one of the existing boxes and change the ID/class in there to that of your new box.

11. I would say you would need to buy Pearl also, it will be useful to have the code and documentation if you want to merge them.

12. If you buy both of them you can take the parts you need. I can give you the options panel for Pearl but it will not work with Storm.

I wouldn’t recommend the Ajax version unless you are familiar with JavaScript, it will only cause headaches.

Regards, TC

4: You can add the following CSS to to have the header fixed at the top of the page:
#header-outer {
width: 100%;
position: absolute;
top: 0;
}
.content-outer {
padding-top: 150px;
}

The content when scrolled will still shows under the header. It looks neater if you add a margin-top: -20px; to #header-outer.

Does that help?

WordPress version is now (at long last) available to buy. We hope it was worth the wait. Storm WordPress Theme

TC

Is it possible to add a description box next to image in Galleria ?

It’s possible, from Galleria docs, you can use these attributes on the img tag.

<img src="image.jpg" data-title="My image title" data-description="My <strong>description</strong>" data-link="http://my.destination.com" />

Regards, TC

thank you, my fonts work now

Hi GREAT THEME !

How to you change the font of h1,2,3,4,5 tags. I’ve added an @font family to the css but nothing has changed. I’m using AJAX version

thanks ktlb

To use another font you’ll need to disable the Cufon font replacement, open js/scripts.js and remove this line:

Cufon.replace('h1, h2, h3, h4, h5');
Regards, TC

With the fullscreen portfolio section, is it possible to add gestures (swipe to go to next image) when viewing on an ipad?

I haven’t use these before but if there are JavaScript events that you can bind with jQuery then you can use the following JS pseudocode.

$(document).bind('sereneOpen', function () {
      // Bind a touch right to call $.fn.serene.next();
      // Bind a touch left to call $.fn.serene.prev();
});

$(document).bind('sereneCleanup', function () {
      // Unbind your touch bindings
});

I was about to purchase this until I saw it was not a wp theme. I really hope the months away deadline speeds up soon.

I was curious to know how the blog feature works?

Edit: Not going to lie but after seeing comments like wordpress coming soon dating back to a few months ago I guess it won’t be available for quite some time.

In this template the blog articles would need to be created by duplicating a page and editing the content.

Regards, TC

WordPress version is now (at long last) available to buy. We hope it was worth the wait. Storm WordPress Theme

TC

Hello,

When do you release the WP theme ?

Kind regards, RadCon.

We are still working on it. We are too busy to work on it full time so I think it’s still at least a couple of months away.

Regards, TC

Hi, first: great template!

But I want to know how I can move my logo more to the left, because now it’s behind the home button.

I can not find the right parameter..

Thanks in advance!

Hi, if you can locate the class .logo in the main CSS file and add the flowing CSS :

left: -10px;

You could also consider adjusting the width of this class #nav-wrap-inner and / or adjusting the padding left/right or font size of this class (the nav links) ul#horz-nav-ul li a.

Hope that helps, TC

Hi, great theme, I’m having a couple of issues with the background though. It occasionally seems squashed horizontally on IE9 and in IE10 it doesn’t seem to be filling the entire space (gaps top and bottom).

Any suggestions? – Many thanks

I cannot seem to replicate the problem in IE9 and I do not have access to IE10 . Could you send a link to a page where this happens?

Regards, TC

Hello, I love this template, so far I haven’t had any problems, however I would like to place every image behind another transparent image so instead of downloading mine they will download an empty file, I know is just a trick but I want to try it. I am using your template to show my photo portfolio.

I have no knowledge abt languages, codes and all this stuff, so please help me, I just use my logic to customize the template :)

If you have any better suggestion to trick my photos I will appreciate that.

Thank you

I have never heard of this trick before, so I will not be much help to you. There must be a tutorial somewhere on the web about how to do this.

Regards, TC

Hey guys! First of all: great template!

Now my question: I checked the studio 26 site: http://www.studio26.com.au/index.php

and I want my own site to have the logo + horizontal menu pasted on the upper side of the screen as well, I cant get it to work.

I have my test version on:

http://www.buengusto.nl/test/index.html

Thanks!

Well, a couple of suggestions – on #header-outer, remove the border-top and change background-position to left top, this should make the header flush with the top of the page. On .logo and #nav-wrap change the top margin to be smaller so that it’s centered again inside the header.

Regards, TC

Thanks a lot!

I forgot the most important thing, The logo needs to be on the top-left and larger… Cant find that anywhere…

Regards, Marco

On #header-inner take off the width: 940px; style

On #nav-wrap change it to float: left; and add a left-margin: 180px;

Hopefully this will get you started. I recommend the Firebug plugin, it allows you to inspect other sites and view the CSS that is applied to each part and you can also make CSS changes to the site using the plugin to test things out.

Regards, TC

Hello, I bought this template and it’s fantastic! Just some questions: 1. I don’t want images in the background, is it possible to add a video into the background in the main page? 2. How can i see the vertical images in the right size? I resized them in the way you suggest in the documentation. It’s ok for the horizontal pics but not for the vertical ones

1. It’s possible with JWPlayer, there should be some tutorials on the web about how to set this up.

2. I suggest that you make all the images landscape size, even if that means you place a portrait sized image in the center of the landscape and have blank space or pattern at each side.

Regards, TC

Ok perfect! Now i can see the pictures in the right size and jwplayer works good for my video, thank you!!

I have other 2 questions: 1. i’m using the fullscreen mode gallery, is it posible to add a title and for example the place where i shoot the picture? Maybe adding a little box, a litlle frame or something like that, in the lower right corner on every picture when is visualized in fullscreen mode?

2. is it also possible to add the “like” and “share” facebook buttons on every pictures?

I took a look on google but i didn’t find anything about it.

It’s not possible just now, but we will update the script some time in the future with this functionality.

Regards, TC

I forgot to mention in my last post that this theme easily integrates with Pagelime CMS .

hi, I purchased storm a few months ago. It is my first attempt at building a website & I am hugely impressed with the template and very much indebted for your kind assistance in helping me when I got stuck on more than one occasion!!! I have finally got the website up and running at www.studio26.com.au and everyone who has seen it is overwhelmed. I even managed to get the Ajax version of the site running (as well as my knowledge would allow!) I cannot recommend this theme more highly. Once again, thank you so much for everything. Cheers :bigsmile:

Is it not compatible with Joomla?

Hi, Storm is not a theme for Joomla or any other CMS . It is only a CSS and HTML template. I’m sure you could make a Joomla theme from it or get some one to do it for you?

We are launching a WordPress version shortly though – If that helps.

Thanks, TC

I purchased your Storm theme, but it failed to install on Joomla website, reporting a “Cannot find XML setup file”. How do you explain this?

yes thank you

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey