38 comments found.
Hi, hope all is well,
On mobile when you leave rhe page and return to it the page is all black and even if you refresh the oage it stays black the only way to make it reappear is by clicking the url and enter again
http://clapat.ro/themes/tetris/index.htmlYou can check it
+
Is there anyway you can add some more features such as language selection, social icons, project button with portfolio images instead of only text, accordion/toggles, audio posts, video placeholder or popup, It’s a nice design but it’s also a 25$ template so would be nice to have more features, you have an amazing portfolio so if you use similar library code you could easily add more features
Hi, Please give us more details to succeed replicating your issue on mobile. Thanks
Could you please tell me how to convert the button start into a navigation animation that shows the list of projects (like the button next to the menu icon) www.raad.me/abc
Also in case i want to create an external link for the button
Hi, This require a lot of custom work, because you need to create a new overlay structure, a js function which will open and close it and the whole styles for this.
To create an external link use target blank for it.
Regards
In this case would it be possible for us to replace the template with Hermann or Canela ? can we replace it and get a refund, I will purchase the other
Please ask for a refund
Hi thank you I just did and i purchased cygni and canela You guys have an amzing portfolio
Thank you
Hi ClaPat, I purchased this theme but the wordpress version a while back. I love the theme! I’ve fallen out of love with wordpress however. If I purchased this version of the theme, would I be able to integrate it into something like WebFlow? or would that be virtually impossible?
Hi there, I doubt you can integrate it without significant effort. You basically need to create a WebFlow template out of the HTML template. Thanks
Ok that’s a shame, thanks for getting back to me.
Hi, I am encountering a console error.
scripts.js:334 Uncaught TypeError: Cannot read property '1' of null
at HTMLDivElement.<anonymous> (scripts.js:334)
at HTMLDivElement.<anonymous> (jquery.min.js:2)
at Function.each (jquery.min.js:2)
at k.fn.init.each (jquery.min.js:2)
at Object.<anonymous> (jquery.min.js:2)
at c (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at l (jquery.min.js:2)
at XMLHttpRequest.<anonymous> (jquery.min.js:2)
How to resolve this? Its a base install of the theme. I did not modify any scripts.
And when I tried to use relative paths in my HTML to link to a different page, like so: /contact/ the page does not render at all. It just redirects and stays blank, have you heard of a similar issue like this?
Please provide us your website url. Thanks
then try to hit the communication tile on the homepage. You will see the error appear in the console. And as you can see from the code the link should redirect to this page: /communication/
But instead it just gives a blank page
Hi, if i go to the url you provided I get a login page. if you are not comfortable giving out the username and password, send us a PM, thanks
Just tested and works ok. Did you solve the issue?
HI ClaPat team
I’ve opened a ticket on this and have gotten no response… Could use you help.
A. On desktop (HTML version) I like the staggered layout of the home page.
http://clapat.ro/themes/tetris/index.htmlB. Is there a way to NOT have it staggered (On Mobile) like this page?
http://clapat.ro/themes/tetris/portfolio02.htmlThanks, Please let me know if this is possible.
Hi, In portfolio.css at media breakpoints you need to set the .item-content max width 100% and the margins all to 0px
Thanks, that works to some degree. How do you make the item-title and item-case centered (On Mobile) like this page? http://clapat.ro/themes/tetris/portfolio02.html
Add in portfolio.css at media breakpoint you want for .item-caption, text-align:center
This is the code I changed, where do I enter align-center?
@media only screen and (max-width: 479px) {
.item {
margin-bottom: 0px !important;
}.overlay-hover .item {
margin-bottom: 0px !important;
}.packery-mode.overlay-hover .item {
margin-bottom: 0px !important;
}.item-content {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
}.item-content.large {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
}.item:nth-of-type(4n+1) .item-content {
margin-left:0;
}.item:nth-of-type(2n+0) .item-content {
margin-left:0;
}.item:nth-of-type(2n+0) .item-content.large {
margin-left:0;
}.item:nth-of-type(4n+3) .item-content {
margin-left:0;
}.item:nth-of-type(4n+3) .item-content.large {
margin-left:0;
}ok, entered and it worked except for items that are right aligned on desktop are still right aligned on mobile, any thoughts. Thanks again.
In portfolio.css at line 246 change the text align from right to center
Solved. Thanks.
You’ve been very helpful. While I have you a couple more things.
1 – The first item on the home page (Sport Black) there is a small red copy (New) how do I include this for any other items on that page?
2 – This does not appear on your demo but after download I noticed there is a flickering on the first (large) scrolling sample in ALL portfolio sections in (Safari browser) only.
It only happens when you first get to the page and stops after a few seconds.
Is there a fix?
Much appreciated.
Solved. Thanks.
You’ve been very helpful. While I have you a couple more things.
1 – The first work sample on the home page (Sport Black) there is a small red copy (New) how do I include this for any other sample on that page?
2 – This does not appear on your demo but after download I noticed there is a flickering on the first (large) scrolling sample in all portfolio sections in (Safari browser) only,
It only happens when you first get to the page and stops after a few seconds.
Is there a fix.
Much appreciated.
.item:nth-child(2) .item-title::after {
content: "New";
font-family: 'Roboto', sans-serif;
font-size: 10px;
position: absolute;
font-weight: 400;
margin-left: 10px;
color: #FF1B0B;
}
More info here:
https://www.w3schools.com/cssref/sel_nth-child.asp
And for this…
2 – This does not appear on your demo but after download I noticed there is a flickering on the first (large) scrolling sample in all portfolio sections in (Safari browser) only,
It only happens when you first get to the page and stops after a few seconds.
Is there a fix.
Please provide us your website url
Can I send via email?
use our themeforest porfile form
Sent
URL sent to to your profile form can you help me with this?
Any thoughts on this, please let me know. Thanks.
Just tested on our mac and we ca not reproduce your issue. Please try to reset your browser settings and also check if your browser zoom is 100%
I’ve tested this not only on my Mac but on other Macs in different locations, I’ve also had other people test this and there is ABSOLUTELY a flickering on the first (large) scrolling sample in all portfolio sections in (Safari browser) when you initially get to the page.
Can you send us a video recording please? Maybe looking into the wrong place. Thanks
I’m unable to attach movie file here or your profile form, how do I send ?
upload it on dropbox plz
Here you go.
https://www.dropbox.com/s/ey3c6adqf83z2n3/vntnlen_screen.mov?dl=0Flickering occur on project page after click.
Try to remove “fixed” from #hero-image, from background option
Thanks, Solved.
There is also this issue in (Safari browser) only.
Please take a look here: https://www.dropbox.com/s/sxuxlzoqzt9h8z2/vntnlen_page.jpg?dl=0I’ve placed arrows that point to a glitch. The image is not aligned well, and appears to the top left and right of white mask.
The issue is sporadic, sometimes it’s fine sometimes not.
It occurs on ALL project pages in Safari browser.
How do I fix?
Hi ClaPat team,
Please let me know your thoughts on this. Much appreciated.
Can you help with this?
Hi ClaPat team,
This is clearly a glitch in your template, you’ve been very helpful so far please let me know how I can fix this if possible. Thanks again.
Hi, Sorry for my late reply. I had issues with may macbook display and I had to change it.
Please add this in style.css after line 1550
#image-border-left, #image-border-right {
top: -1px;
}
Understood. I had a similar issue with my macbook.
This worked great, thank you.
I really appreciate you getting back to me. You’ve been very patient through by many questions. Please bear with me a little longer, take a look at this.
https://www.dropbox.com/s/f66dq0ndb1liuks/v_screen_flash.mov?dl=0There is an obvious flash after click and before / during the black background animation. Can you help me smooth out transition from page to page?
Again, this occurs sporadically in Safari browser.
Hi, I do not have this issue in my safari browser, but add background-color: #000; to body in style.css and try again
Unfortunately, that did not work.
As you can see from the video it’s definitely happening.
The issue is sporadic, so sometimes it’s fine and sometimes not, it also happens on iPad and on my mobile device (Android, Galaxy S10). Like other issues I didn’t see this on your demo, I noticed it after I downloaded and I’ve downloaded twice.
I like the template and really want to fix, any other suggestions?
Hi ClaPat Team
I want to finish this work soon, are you open to a commission?
We can discuss rates privately but if you have the time I don’t mind paying to help me with this issue plus some minor customization, Please let me know.
Thanks
Try to set false for both waitforall images
https://d.pr/free/i/w5GfyaWhere do I find that?
ok, I see it I will try that.
Hi ClaPat Team
Unfortunately this did not work. Do you have any other suggestions?
Please, let me know if you can help with this.
Hi ClaPat Team
I did a test to isolate where the issue may be. I uploaded your files (as is) to my server here: http://vlennon.net/v/test/index.html
There is (1) change that I made and that is removed “fixed” from line 1512 (style.css) as you instructed.
(here) background: center center no-repeat fixed;
As you can see it stops the flickering of the hero image but flashes on the animation. Also, it seems to happen more frequently when clicking from the landing page. Let me know if this helps.
Please test in Safari browser. Thanks again.
Looking forward to a resolution on this, I can really use your help.
Hi ClaPat Team, any chance we will be able to fix this issue?
Also…
Can you help me enable a preloader like the preloader on this template?http://clapat.ro/themes/hervin/index.html
#hero-image {
background: center center no-repeat fixed;
}
02. Add this in css:
#hero-image.hero-loaded {
background: center center no-repeat scroll;
}
03. Add this in script.js inside First Load function:
setTimeout( function(){
$("#hero-image").addClass("hero-loaded");
} , 300 );
Adding the proloader from hervin require a lot of custom work
1 – This did not work either.
The flashing now happens when I click on the close (X) button on each portfolio page. Also, now the hero image scroll is not as smooth.
2 – Can you help with a simpler solution than Hervin? One that requires less work.
- Can you help with a simpler preloader solution than Hervin…
OK, Thanks
Please help with the flashing issue in Safari.
Also I want to change mobile nav to this: https://www.dropbox.com/s/dh35nn9lxjnml0t/v_menu.jpg?dl=0Can you help?
Any new thoughts on Safari issue, how about mobile nav changes?
the nav require a lot of custom work, the issue on safari I ca not reproduce it on my macbook
Ok, Let’s discuss the custom work involved in the nav.
Can you do it and what would it cost?
Sorry we do not have time for custom work, but you sure will find a developer on envatostudio
Ok, Understood.
The flashing on the animation in Safari is however still an issue. This is the movie I sent before: https://www.dropbox.com/s/f66dq0ndb1liuks/v_screen_flash.mov
Actually, I now notice this bug in many of your templates. If you come up with a fix for this anytime, please let me know.
Thanks.
Hi Clapat team
Can you help me understand why the “Read More” link on this page doesn’t work. http://clapat.ro/themes/tetris/project11.html
we forgot to remove data-type=”page-transition” from it
Thanks…
Hi ClaPat Team
Has there been a fix for this?
1 – In Safari browser only, the “Filter” button, “Back to work” button and “Back to top” button. When scrolled to the bottom of the page these buttons disappear.
How can I make it work the way it does in other browsers?
You can not because safari browser has the bounce effect when you reach edges
Got it, Thanks.
HI, I instaled in my wordpress.. but the wizard say That is imposible install because this Zip file doesn’t the CSS files 
please help with this
Thanks.. I bought this new version.. please can you help me with refound please?
Thanks, but one more time (with the new version) The wirzard for install this theme say: The package could not be decompressed. The theme does not have style sheet style.css.
Make sure you are trying to install the theme zip file and not the main archive. The main archive contains also documentation and demo data. Thanks
Hello ClaPat Team,
I already opened 2 tickets on the support website but still no-one got back to me about my queries with any solutions instead I got a really weird reply one one of them:
“Hello Mohamed Plz contact the author directly regarding the HTML template you bought. https://themeforest.net/user/clapat We are only supporting WordPress themes and we lack the expertise to help you with HTML templates. If it’s about the WordPress version, plz confirm. Thank you. Clapat Support”What is the meaning of this? are you there two different authors for this template?
I faced a more serious problem now that I need your help with, please.
Please go to the provided link which is https://xxx.hit-ad.agency/about.html and check the menu list items – I added some animation on hover and changed cursor. However, after clicking on about page again, the mouse icon disappears and no more hover effects.
Also, when hovering on the menu items, they keep moving within a frame and go beneath it.. please try it yourself and see. I tried to make the whole menu item appear after hovering but with no luck.
Also it happened with another element I added later but didnt update it on the demo link I sent above.
Awaiting your kind reply.
Thank you.
Hi,
This template load pages via ajax. You need to create a function for the mouse cursor and initialize it in scripts.js at the top of the page on document ready and also it is mandatory to init it on AjaxLoad() function after PlayVideo();
In the HTML structure you need to place the cursor structure on each page after cd-cover-layer div
Regards
I see I have no knowledge with Ajax at all so I’m trying to figure out how to do it. If you can help anyways it would be great.
Also, I wanted to ask how can I slow down the scrolling, ex: when i scroll it gets to the end of the page in 0,2 seconds almost when in other sites you scroll more.
Can you tell how to make decrease the amount the page scrolls when scrolling?
Best
Please read our documentation to see how to disable the smooth scroll.
Your function from index.js need to be inserted in scripts.js You can paste inside on FirstLoad()
Put your tweenmax function in plugins.js
In the HTML structure you need to place the cursor structure on each page after cd-cover-layer closing div
Thank you I’ll try that now. But I think you misunderstood me in the scrolling part. I want to keep it but just slow it a bit. I tried editing the values as per your documentation but didn’t reach a good point.
Modify this value in scripts.js
t.scroll += (t.target – t.scroll) * 0.07;
Hello Again, Thank you for your continuous support and Honestly speaking amazing work on your templates. Maybe they are a bit hard to modify than other templates in the market but it sure is worth the trouble 
I’ll be regular customer for you in all of your projects if you continue on the same path and improving the overall experience of course.
Here are the updates for our last conversation: I think I finally got the hang of it.. I inserted the libraries in plugins.js
The functions in FirstLoad () as advised but there have been a few points that still I tried to do a lot about them but keep failing.
2. The cursor acts really weird when you hover on the sticky nav bar after scrolling a bit down.
3. the mouse doesn’t appear at all in the dotted menu overlay with the featured projects showcase list.
4. Can you please help figure out these points and check if I followed your instructions correctly?
Thank you.
Hi,
You should contact the script owner for further options. We can not debug a script we never used or written. Regards
Thank you for your prompt reply.
I would appreciate if you can help with one last point.. the automatic go to top page isn’t functional anymore.. when smooth scroll is enabled.
Please tell me how to fix that issue. Best
you need to solve first all the js errors generated by your mouse cursor script so we can inspect the other issues. Thanks
Solved
what css framework does this theme use?
Hi,
We create our framework which is light weight and super easy to use. Regards
Hello ClaPat, I want to add on the home page ( in gallery) another photo example image 14 but it does not load why?
Please give us your website url and more details. Thanks
Hey there, I have an issue when zooming out in the home index, the titles bellow the images won’t align or follow the images, this behaviour happens on the right side images (those aligned to the right).
Please provide us your website url and more details. Thanks
Here you go…(zoom at 50% google chrome) https://imageshack.com/a/img923/8060/6WPHZw.jpg
Hi,
This is not a problem from our template. Zooming out the browser viewport will scale all the elements but the css percentage sizes will be the same. Avoid keeping the browser zoomed out or in for a good aspect ration for any websites.
Regards
Is there a way to make the mobile navigation dark? In the documentation there is a class to make the overall theme dark, but the nav stays white by default… Is there a simple work around for this?
Other than that, this is an amazing theme. Incredible work! Thank you!
Please give us more details. Thanks
BUG / BROKEN on 18/06/2018
Hi ClaPat,
I was very satisfied with this product, but as of June, 2018 the case pages are very much broken: the hero item glitches, disappears and clips when scrolling down.
An example can be seen on http://clapat.ro/themes/tetris/project01.html
I’m using Windows 10, Google Chrome.
E: after some testing I found that this bug does not occur on Firefox, might be a Chrome-only bug.
remove position:relative from #hero-image in style.css
Thanks
Brilliant, fixed the problem! Thanks for the fast reply!
Hi, I bought this theme (HTML version) and I am satisfied but just one thing : the file (contact.php) check the email address but not the name field or the message field. Would it be possible to have the file with all the verification? Thank you in advance.
Sent you an email yesterday
Yes, it was perfect.
Thanks so much
Hi ! On this version, is there a page “blog” or not ? because on some pages, there is a blog tab that appears but can not reach the page. Thanks.
Hi,
Only on wordpress version: https://themeforest.net/item/tetriz-creative-portfolio-wordpress-theme/20989258Hi Clapat! I’m in the same situation that bernimelero and lucgranato. I like theme but it is not compatible with wordpress… do you have a solution or can I get reimbursed? Thanks!
This week we will release the wordpress version. You need to ask for a sale reversal at envato support. Regards
We have released Tetriz WordPress version: https://themeforest.net/item/tetriz-creative-portfolio-wordpress-theme/20989258
I’m in the same situation that lucgranato. I love the theme, but it’s not compatible with WordPress or I can’t make it work. Is there any way to get back my money?
Accepted your refund request. I’ll give you an email when wordpress version will be released. Regards
Thanks for your fast answer! Looking forward to your email.
Follow us to when it is released. Thanks
We have released Tetriz WordPress version: https://themeforest.net/item/tetriz-creative-portfolio-wordpress-theme/20989258
Thank you! I go for it!
Looking forward to having you onboard! 
Already onboard! Thanks for your work. I’ll try it during the weekend.
Hello, Is there a way to add videos to the gallery? If yes, do you have a link I can check out or maybe you have a different design to suggest me? Thanks!
Hi, This require custom work, but can be done easily. Thanks
Thanks!
Hey! It’s D-day for purchase Juste a little question. On this page (http://clapat.ro/themes/tetris/project03.html) “Blog” appears in menu but then, nothing shows up when I click on it. Error? No page? Do I need to buy Maestro for getting a blog section?
Tell asap so I can buy the right template(s) today.
Cheers mate.
C.
Hi,
Tetris has no blog version. Thanks
In the next update we will add it.
Hello! Did you receive my email asking for support on you Gmail? Just need a Yes, a No or a “get out from here”
Thx
Clem
Hi,
We have some trouble with our emails. Please can you send it again? Thanks
I’ve sent an email on Gmail a minute ago. Please check your emails or provide another mean of communication as Skype or anything else please. Regards. Clem
Sent you an email
Thanks. I replied
Hello there. I sent you a new email. Hope you’ll be able to reply to both the new one and the preivous one because time is against me . Thx
Hey, could you bring an answer to my support emails please or, at least tell if you’re in vacations. Thanks
NB: Can’t figure out how to embebed videos from vimeo or youtube as the example in Tetris portfolio. Do I need to copy/ paste the URL or embed link?
Sent you an email. Thanks
Hi! I just bought the theme, however it is not compatible with wordpress.. Can I get reimbursed? Thanks!
Hi,
We have released Tetriz WordPress version: https://themeforest.net/item/tetriz-creative-portfolio-wordpress-theme/20989258Ask at envato support for a sale reversal. Thanks
Have a visual bug on the portfolio. Everything after the 4th item has a wider overlay. Especially on larger screen sizes. When I resize my browser, it it is okay but when I view it normally, it is distorted. My current screen resolution is: 1536×864.
Please send us a message via our themeforest profile, with your website url, a printscreen with the issue and more details. Thanks
