110 comments found.
Hey Lakshan, I’m not sure how to rate this theme but I wanted to leave you great feedback! You have always been quick to respond to any questions that I had and the site was assembled really well and it made it easy to go through and make the changes that I wanted. It is pretty easy for a beginner to just swap out photos and add their own text or for an advanced user to use as a base for their own ideas. I was able to send the files over to a wordpress guy and he got a theme setup for me, so now I even have a matching blog without the whole site being WP. Awesome work and I’ll stay tuned for any updates. HousleyPhotography.com
Thanks man , really appreciate your feedback . Your site looks stunning with the pink skin !—good luck with your works.
Yep , stay tuned for updates ! You’ll definitely like the framework’s upcoming features !
Cheers !
Lakshan
Can you tell me if you have plans to make this a Wordpress Theme?
Thanks for your interest . I do have plans to do so , and demention WP framework(which will power the WordPress version of GearBox) is work in progress , but I can’t give you an ETA at this time as I’m busy with some other projects.
Best
Lakshan
I saw your fix a couple comments up about the direction of the slider arrows. That fixes the problem for my as well on Firefox/Chrome, but on IE it creates a problem. The left and right arrows are overlaid on top of each on the left side. I went revered back to the original “backwards” layout for now. Do you have a solution?
Also, I’m having a problem with the drop down navigation on smaller screens (laptops) when the window is maximized. I have a 3 tiered drop down navigation, but they continue off the right side of the screen instead of wrapping around to the left side like it does on a larger screen when the window is just resized. I cannot reproduce it on a large screen, but is always there on smaller screens ( laptop 1366px wide). www.housleyphotography.com if that helps
1) Thanks for letting me know. Please read my second reply to Nibby’s comment.
2) Currently , the intelligent positioning of the dropdowns are only supported in the first level. (means it triggers if there is no enough space for first dropdown-child menus to display ) . I’ll try to improve it in a future version.
Best
Lakshan
1. Awesome! Thanks.
2. Ok. I’ll look into it and see if I can make the changes myself or find some type of work around.
I fixed my second problem with the tiered drop down navigation. If you are using an extra tier then change line 44 in custom.js to 530 instead of 370. You can change this number higher or lower depending on how many tiers you have. Lakshan, I’m not sure if there is an automatic fix you can write into an update, but this is easy to fix for someone if you want to include a note about it somewhere.
Changing the value of it to a greater number doesn’t do any harm and yes it’s a good workaround for now
thanks for submitting it here.
- L
Hi, I got a little issue with Google Chrome, Im using the theme and some times it star selecting itself with a black shadow, Im not sure how to explain it, but I don’t know whats happening I try in 2 different PC and is the same, here is the screenshot: http://hotelpetenesplendido.com/error-selection.jpg in the demo happens too, before I never see this, thanks
https://code.google.com/p/chromium/issues/detail?id=142180 (It’s been 3 days since i reported it to the Chromium project.)
As I noted , this crazy thing does not happen with Chrome 19 or older but the latest version—Chrome updates itself silently that’s why the issue strangely happened to show.
I’m doing my best to find a fix . It needs more testing on different hardware (I sometimes think this is an issue with the GPU ). And somehow I’ll find a fix. ANY TESTING /REPORTING ABOUT THIS ISSUE IS HIGHLY APPRECIATED .
TO EVERY GEARBOX USER : PLEASE LET ME KNOW HOW IT WORKS ON YOUR COMPUTER
Thanks,
Lakshan
Thanks you so much for the answer, I will keep testing to see if I got something, thanks 
No worries
If you find any issue with the template don’t hesitate to let me know.
-Lakshan
Hey ,
I think i found a fix—if you’re still having this problem with Chrome , try adding ,
-webkit-transform: translate3d(0,0,0);
to body element.
Let me know how this works for you.
Best
Lakshan
Hi There,
I love this template and have nearly completed my site. When I was looking over it I noticed if i click right on the slider it goes to the left image and vice versa. How do I change this, my pics are laid out to follow a narrative.
It’s pretty funny that I haven’t noticed it before.. sorry about that 
Here is the fix (I’ll also add this to the next update):
base.css
.flex-direction-nav li a.next {left:-200px; background-position: 0 0; }
.flex-direction-nav li a.prev {right:-200px; background-position: -50px 0; }
.slider-holder:hover .next {left:20px; }
.slider-holder:hover .prev {right:20px;}
and replace them with the bellow code block (just change .next to .prev , and .prev to .next )
.flex-direction-nav li a.prev {left:-200px; background-position: 0 0; }
.flex-direction-nav li a.next {right:-200px; background-position: -50px 0; }
.slider-holder:hover .prev {left:20px; }
.slider-holder:hover .next {right:20px; }
Let me know if you didn’t get it
.
Cheers
Lakshan
+ you’ll also need to change this code block from custom.js in order for css-transitions unsupported browsers to work:
$(".slider-holder").hover(function() {
$(this).find('.flex-direction-nav a.prev').stop(true,true).animate({right : "20"}, 500);
$(this).find('.flex-direction-nav a.next').stop(true,true).animate({left : "20"}, 500);
}, function() {
$(this).find('.flex-direction-nav a.prev').stop(true,true).animate({right : "-200"}, 500);
$(this).find('.flex-direction-nav a.next').stop(true,true).animate({left : "-200"}, 500);
});
to (just change .next to .prev , and .prev to .next , as you did in base.css )
$(".slider-holder").hover(function() {
$(this).find('.flex-direction-nav a.next').stop(true,true).animate({right : "20"}, 500);
$(this).find('.flex-direction-nav a.prev').stop(true,true).animate({left : "20"}, 500);
}, function() {
$(this).find('.flex-direction-nav a.next').stop(true,true).animate({right : "-200"}, 500);
$(this).find('.flex-direction-nav a.prev').stop(true,true).animate({left : "-200"}, 500);
});
Hello, I have been working in your template over the weekend and must admit it is absolutely brilliant! Demention grid system is very simple yet powerful. Congratulations! PS. Wish most templates include your grid system!
Wow.. thanks for the awesome words.
I made the grid system after spending a GREAT DEAL OF TIME researching the weaknesses and strengths of different CSS grid systems so I’m really glad that you understand the real power of demention Grid. All upcoming demention templates/wp themes are based on demention Grid and I also have plans to release the grid system as an Open source project (the Grid is still in beta) so hopefully we’ll see many developers implement demention Grid system in their works !
Best
Lakshan
Hi
Brilliant Work
I’m integrating the template with TYPO3 . What are the formatting rules for the line-effect? so far I have the appearance working by adding at the end of an
tag, but the mouse-related effect doesn’t work.
Best Wishes
Mike
Hi Mike
I’m glad you like it.
you can add line-effect markup inside a title (h*) element. It works correctly when you add that title (which containing the line-effect markup) inside a section element.
<section> <h1 class="section-title"> title <span class="line-effect"></span></h1> section content </section>
Cheers
Lakshan
Hi Lakshan, I finally got my issue solved… It seems i forgot i have 2 other accounts here!
Best regards
eskamedia
I’m happy about that. Let me know if you have any questions.
Best
Lakshan
You can do it if you really know what you’re doing ; but my advice is not to do it , for a few reasons: 1) You’ll loose all js fallbacks done with PHP . 2) CAPTCHA support will be added to the contact form in a future version of GearBox , so you should stick with PHP in this case as my CAPTCHA solution will have some PHP process [also] in contact-page.php.
To summarize that means, remove my current contact.html and replace it with the contact-page.php file with the code called in to action.
That’s pretty much correct.. and you’ll get the whole PHP advantage
Let me know if you’re having any issues with the template.
Best
Lakshan
Ok I got a problem, i purchased the theme on 21-05-2012 16:40 but i can’t find it anymore in the downloads section! WTF . I saw the updates and wanted to download them!
Please help!
That’s strange..But don’t worry.. Please contact Envato support : http://support.envato.com.
If you have the Item Purchase Code , don’t forget to mention it. I’m sure Envato support team will help you with this.
Best Regards
Lakshan
Nice work. Clean and well designed.
1. Does this theme admit different kind of blog posts?, like video, gallery, blackquotes posts, etc…
2. WP versión¿
Thanks 
1) At this time the template doesn’t have any specific styling for ‘post formats’. I can’t guarantee this , but if I add this feature to the WP version of GearBox (if the design plays nice with additional styling) , then the HTML version will also have different styles for different post formats.
2) demention WP framework is still in development (which will power the WP version of GearBox) ; It’s hard for me to give an ETA as I’m busy with some other projects… but there will be a WP version of GearBox.
Cheers
Lakshan
Hi Lakshan,
If I rename the contact-page.php file to .html, would it still work?
You can do it if you really know what you’re doing ; but my advice is not to do it , for a few reasons:
1) You’ll loose all js fallbacks done with PHP .
2) CAPTCHA support will be added to the contact form in a future version of GearBox , so you should stick with PHP in this case as my CAPTCHA solution will have some PHP process [also] in contact-page.php.
Best regards
Lakshan
Thanks for the update. Where is the update to the ”- Now the Contact form scrolls to “success” message when the message has sent.” so I can update my files without overwriting all my info? Thanks!
changelog.txt ’s ‘files updated’ section ,
js.js [js/all/contact-form/] line:126
If you haven’t made any changes to js.js file (located in js/all/contact-form/ folder) , you can simply overwrite it with the updated file comes with the latest version.
Best
Lakshan
Hi, can I change the size of the youtube iframe of the fancybox?
Yes you can—simply specify width and height in fancybox custom code for .youtube.video-box
Go to line: 235 of custom.js (located in js/ directory) and specify width and height so your fancybox custom code should look like (change the values of them to suit your need):
$.fancybox({
type: 'iframe',
width: 100,
height:100,
href : this.href.replace(new RegExp('watch\\?v=', 'i'), 'embed/') + '?rel=0&autoplay=1'
});
Best
Lakshan
Twitter links were not working. I deleted: ”../template/template/js/” in the twitter section on essential.plugins.min to fix the problem. incase anyone else was having there problem where the links would go to www.yourwebsite.com/template/template/js/http://www.yourlink.com
Hey , Thanks for letting me know and sorry for any inconvenience . Links in tweets work , but the time links.. right ?
I’ll update the template with this fix , until then you can:
Open custom.js (located in js/ folder) in a text editor and go to line 576 , and change the value of template with the following code :
'<div class="twitterStatus">%text%</div> <span class="twitterTime"><a href="http://twitter.com/%user_screen_name%/statuses/%id_str%/">%time%</a></span>'
Please let me know if you have any problems with the template.
Best Regards
Lakshan
Update available
Just wanted to let you know that the problem has been fixed in v1.5.2Regards
Lakshan
PS – essential.plugins.min.js has nothing to do with this fix , please see changelog.txt for updated files.
Thanks for answering my question way above regarding the doctype. I have begun building pages and needed to implement server side includes, but ran into a problem that HostGator diagnosed for me. After adding the necessary text to my .htaccess file to allow includes to display on my existing .html pages (rather than converting them to .shtml, which I did not wish to do), an error message persisted at the top of the page. Turns out it was simply because of a space that was missing in one of the comment text lines of the template. It was here…
<!-#top-bar toggle button for small screens (visible on small screens) ->
There needs to be a space before the first # sign or else the server gets confused and serves up an error. It should look like this…
<!- #top-bar toggle button for small screens (visible on small screens) ->
Thanks again for your great work on this template and the exemplary support you are providing! I am so pumped to go live with this new design… one page rebuilt… around 300 more to go…
Oh.. that <!--# ..
Since the document is valid , SSI is something that never came into my mind—sorry about that and thank you very much for letting me know.. I’ll add the proper fix. Thanks again 
And good luck with your work !
Lakshan
Hi there,
I purchased this template and am having trouble with the contact form. Everything appears to work correctly except that I am not receiving any emails when I test it….
What could I be doing wrong?
Thank you – Amy
Hi Amy ,
Assuming (1) you have set up the contact form properly and (2) tested it in a server that can send mail…
Please send me a message from our ThemeForest profile—make sure to include the URL of your contact page that you’re having trouble with + a description of the changes you’ve made, then I can help you to fix it.
Best
Lakshan
Hi Lakshan, me again 
I have a question, i used the faq page to display my products. On default when clicked it opens and when i click another it opens to. Is it possible to get it to behave just like the accordion in: demo-typography.html? so when a new tab is clicked the other one closes.
Thanks for the great support!
Expandable boxes and Accordions have different use cases. If you want that feature(the one you mentioned) , you’ll need to use the Accordian. —both are easy to use ; only the use case is different .
btw.. Next time , please use the ThemeForest account you used to purchase the product.
Best
Lakshan
How do I setup and use the blog? I’m setting up my site, but I can’t find anything on it in the included documents.
As this is a Site template , the blog isn’t functional unless you port this to a CMS like WordPress or Drupal.
If you prefer to port this to WordPress (really easy to use, ideal for blogging) , first you’ll need to install it on your server , and then make a WP theme using GearBox .
I’m sorry for any inconvenience , but that’s how a Site template works. If you want any help , don’t hesitate to contact me again.
Thanks
Lakshan
Do you have a simple WordPress or Drupal ported theme to use then. I saw the blog on the preview and I thought it came with what I needed to have a matching blog.
Unfortunately I don’t have any theme based on GearBox to send you. Please note that , I’ve clearly mentioned that this is a Site template in the item’s public page (and it’s clearly listed under “Site templates” category , and almost all Site templates have a blog section) , and I’m just doing this as a “favor” for you.
1) What all you need is the comment functionality in the blog , you won’t need to port this to a CMS ; you can use a Comment platform like DISQUS ; but if you want the full blogging functionality you’ll need to port this to a CMS .
2) If this is your first time using a CMS , I recommend using WordPress over Drupal (see my first reply to this comment). Use a default theme (like TwentyTen) comes with it as the base code to start building your own Theme . Wordpress has a really helpful documentation and an active community if you want any help with it.
Feel free to ask any question about GearBox and its implementation—I’m ready to help you
.
Best Regards
Lakshan
