28 comments found.
Nice template, but scroll to by menu item (maybe waypoints.min.js) doesn’t work in Google Chrome, in Safari all working fine. Please, check it, your demo also doesn’t work in Chrome. How can i fix it?
Hey, just replace the line that includes jQuery scrollTo in all html files you’ll be using:
old line (at the end of the document): <script src=”js/plugins/jquery.scrollTo-1.4.3.1-min.js”></script>
new line: <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js”></script>
Alternatively if you want to access it locally, you can download the latest version of scrollTo and link to it.
Cheers, Boyan
Hi There Everytime I try and open any file from this download, it just gets stuck on the loading screen. Please advise a correction to this issue
Hello,
Have you uploaded it to a server or are you accessing it from your local folder? Could you try uploading it to a server. I’ve just checked the download and it seems to be working ok on Safari, Chrome and Firefox.
Regards, Boyan
Can we add videos to the gallery?
The plugin we’re using supports video as seen here http://demo.tardigradestudio.com/themes/element/index5.html (when clicking the 3 stacked phones with a play button on top)
Sorry, one more question on another matter: I’m trying to have two carousel’s, one right after the other. The first shows iphones and the second nexus phones.
Everything works except for the next and previous arrows. I can’t seem to make an additional set of arrows that will control the second row of phones.
Take a look here and you’ll see that the next and previous arrows to the left and right of the iphone carousel controls the nexus row below. How can i make a left/right arrow that will control the first row iphones?
http://listlogicsoftware.com/dev/listmaster/Thanks!
Hi,
For the second carousel, you have to create another instance of the plugin in the JS file. Please look at http://demo.tardigradestudio.com/themes/element-test/index2.html
As far as the other bug – unfortunately I managed to see it only once after about 20 times of refreshing so I’m not really able to debug it properly, because I couldn’t recreate it a second time after that. You could try adding position: relative; to .testimonialtabs .tabs li. Another workaround would be to add the line that calls these tabs:
starting with: if($(’#testimonialtabs’).length) {
within: $(window).load(function() {
This will make sure it fires after the DOM has loaded.
Regards, Boyan
Wow, thank you!! Your instructions were clear and easy to do. I just did position: relative; to the .testimonial tabs li and worked great. And for the JS file, thanks for the link, I just compared and did the same thing there for mine and now it works. Amazing theme and service!
Glad it helped!
Regards, Boyan
On safari, the reviews section displays weird. I thought it was on my end but it shows on your demo as well. Always, one of the square images for one of the reviewers will be pushed down outside of the horizontal line. Here is a link to the screenshot: http://listlogicsoftware.com/dev/listmaster/reviews.jpg
Could you please take a look and let me know what you think could fix it?
Hello,
Thanks for your purchase. I can’t seem to recreate your issue, I’m using Safari 8.03 on OS X 10.10.2. Is this Mavericks on the screenshot? Is it a vanilla Safari or does it have some plugins enabled that could somehow make a difference?
Regards, Boyan
Hi Boyan, Thanks for the quick response. No plugins that I know of am I using. I tested it on my older laptop with snow leopard and my new computer with OS X 10.10.2 and Safari 8.04 and recreated the same issue easily. Try refreshing the page a few times. It doesn’t recreate the problem on every load. Still no luck?
Hello, I´ve edited the file (main.less) with Crunch or Dreamweaver. I changed the main color to #bf1e2d it’s not working. Any ideas?
Hello,
Thanks for you purchase.
Be sure to export the LESS file in the CSS folder, otherwise it will use the old css file. Another option is to uncomment the main.less <link> tag and the less-1.3.3.min.js <script> tag and have LESS compiled on the page itself (not recommended for production).
Regards, Boyan
Thanks, I tried I eventually got that working by changing the css file.
One more question. I just added the contact form and map from the other index.html file. The page is now now displaying incorrectly. Any ideas on how to fix this?
http://securityoptions.com/veristat/Hello,
I don’t see the contact form or the map on the URL you’ve provided.
Note: Be sure to include all connected JS or CSS dependencies in order to see everything correctly.
Regards, Boyan
Hi there,
Wondering if you can direct me on how I would slow the duration that the images on the carousal at the top of the Default portfolio version appear on the screen. Right now, they appear on the screen for approx. 6 seconds before changing to the next and I would like them to stay on the screen a little longer.
Thanks in advance.
Hello,
It’s here: js/main/.js, line 406: autoPlayDelay: 4000,
Regards, Boyan
Im using this template and it works fine, but when I view it on an iphone, it doesnt preview correctly. It only takes about about half of the left side of the screen. Could you tell me what file I would look at to correct this.
Thanks
Hello,
You should check main.css (or main.less if you’re using less) and template-1(2, 3, 4, 5).css if you’ve made changes to them. Other than that – the default setup should work without issues on iPhone.
Regards, Boyan
Thanks, I overrode the main.css and template1.css file with the original and it is still the same. Is there anything else you could suggest I look at?
regards
Hello,
Can you upload it somewhere and give us a link so we can take a look at it?
Regards, Boyan
Hello,
The problem is from the image of the boat under BOAT IN A TRANQUIL BAY. 1. Remove the width and height from the 2. Add a class .scalable to the
These should fix your issue.
Regards, Boyan
That fixed it. Thanks again!
Hi, love the template, great work. I have two queries, 1. does the ‘work’ section has the ability to showcase embedded video too? 2.does it support sub categories. What i mean is when i click one thumbnail it should have its own set of images to scroll through.
thanks.
Hello,
Thanks. 1 – Yes, it’s the same as in the video section here – http://demo.tardigradestudio.com/themes/element/index2.html – the plugin can use videos and images. 2 – It does not support sub categories, the portfolio section is based on Quicksand.
Regards, Boyan
Hello:: We purchased this thinking it was a Wordpress template. We need to have a CMS, before we go through all the work is there a solution you would suggest? I found this https://www.youtube.com/watch?v=E13QMWgvwlA and wondering if anyone has tried to use it before on Joomla.
Hello,
Thanks for purchasing and I’m sorry this template was not what you expected. Unfortonately we don’t have any plans for releasing this for Wordress, you will need a developer to turn this into a working CMS theme.
Regards, Boyan
Hello, i dont know how to replace the image and the text in this section:
>Your sample online: http://www.siteraven.com/juliana/example.jpg Mine when i bought it: http://www.siteraven.com/juliana/example2.jpgThank you
Juliana Cruz
Hello,
Thanks for purchasing. These are taken from the href, data-title and data-caption attributes of each portfolio item. If you look at a random item in the portfolio section, it’s basically an anchor with some attributes. It has:
href – this is the URL of the image data-title – this is the title data-caption – this is the little “by author” text
These are used for both the lightbox plugin and for the overlay display of the description texts on the single portfolio item.
Regards, Boyan
Does this template work with site building programs like wordpress? If so how can I open it with that program? Do I need to be experienced with coding to work with the template?
Thanks in advance!
Hello,
Thanks for purchasing. This template does not work with content management software such as Wordpress because it’s an HTML template. And yes – you should have at least a basic understanding of HTML in order to use and customize it.
Regards, Boyan
I must be going bollocks, but I´ve edited the files (main.less) either with Crunch or Dreamweaver, chaning main color to #F04823 and nothing happens. Triple checked I was editing the correct file, I switched software (crunch to DW), uploaded it, clear cache, etc etc. No change whatsoever reflected! I want to cry 
Got it. I replaced all instances of color around the css. 
Hello,
the (flat layout – index5.html) headings in the main slider aren’t really centered. It’s off-centered and slightly right. Why is that and how to fix this?
Regards
Hello,
If you’re talking about the second slider item from this skin (http://demo.tardigradestudio.com/themes/element/index1.html), this slider is CSS based and these titles have absolute positioning. To edit it open css/template-1.css (or the one for the respective skin). The heading I think you’re talking about (on the second slide) is at line 50: #sequence-theme .slide2 .bigheading – left: 60px denotes its horizontal positioning.
Regards, Boyan
Hi,
I just finished editing the theme, but can’t seem to figure out one piece of the portfolio section. I currently have it set up so that when you click on a portfolio item you are taken to a website. The website opens in the Lightbox, however, I’d like it to simply open in a new browser tab. How can I edit the CSS to accomplish this?
Thanks, Mike
Hello,
The easiest way is to delete the part that calls the lightbox plugin from main.js. Delete the selected part of code from the screenshot – view screenshot »
Regards, Boyan
I cant seem to add more than 10 items into the portfolio section?
I figured it out thanks 
Hello,
Great. Let me know if you have other issues with the template.
Regards, Boyan
Hi, Is this possible , the page get the height of the screen suppose, If the about us content is only 2 lines, usually next slide (i.e contact us) is visible, is there any way we can get the screen height through js and css it ‘min-height’ ?
Hello,
This is not included in the template. If you want this functionality you’ll have to make a simple script that calculates the height and sets a certain CSS class, but you’ll also have to hook it to the init functions at the bottom of main.js to ensure it’s activated in various resolutions.
Regards, Boyan
Follow us on Twitter | Like us on Facebook | Rate this item if you like it
Hello,
1. Element doesn’t have the exact same layout that you want to use. But the closest to this is the AJAX loading slider here – http://demo.tardigradestudio.com/themes/element/index1.html#newscont Click on the small news items to open them. Practically everything inside is a separate HTML file so you can put anything there. 2. Currently iLightbox has two variants for the thumbnails – horizontal and vertical. The horizontal version displays them on the bottom and in order to change that you either have to modify the plugin or work with CSS to emulate it.
Regards, Boyan
Follow us on Twitter | Like us on Facebook | Rate this item if you like it
Hi before going to buy this, I have 2 question, 1. in the portfolio, after clicking any image, the popup should have the title, content with image and some external downloadable link. is this possible. (for reference check link )
2. can I have to show the portfolio small images in the popup.
I want to keep the theme, even if possible to call external pages in the popup no issue.
Hello,
Please read the answer below, I don’t know why but I’ve added a regular comment rather than a Reply.
its ok
coooolo, yes I am ok with this,
still some question over here,
1. I dont need slider as it is
2. just to want to show as the portfolio.
3. can I go with same effect as on the portfolio thumnail?
I hope rest will be handle easily 
Hello,
Yes, I was just giving an example for the AJAX lightbox. You can attach iLightbox to which ever link you like.
Regards, Boyan
Follow us on Twitter | Like us on Facebook | Rate this item if you like it
Thanks 
This template looks pretty sweet!
Thanks!