63 comments found.
Is it possible to allow and force autoplay videos on mobile?
hello, are you able to help with this? Any suggestions or recommendations?
Is there a way to change or simplify the page transition animation so that it simply fades, instead of have the wave animation?
#app {
opacity: 0 !important;
}
.above.swiper-slide {
opacity:0 !important;
}
Is there a way to have a seamless transition, like when you go from one project to another, from the footer? It seems to just load seamlessly from the current project to the next.
Just checking in.
Hello? Can you help with this?
Hi, You have asked for a fade out transition. Now what are you suggesting?
I purchased these theme, and its wonderful. I love the Parallax Carousel homepage, but is there a way to reduce the margin-right for each of the carousel items? I feel there is way too much margin-right. On my computer, I see its set to 200px, inline…on this div: #showcase-carousel-holder.large-carousel .swiper-slide. When I try to overwrite that margin-right with 50px !important, the animation doesn’t work properly, and the carousel item is not centered.
Any help?
Hello,
The space between slides is defined by JavaScript. You need to edit the scripts.js file in the ShowcaseCarousel() function and modify: spaceBetween: 50,
Most of the 3rd party js libraries are insanely outdated, even deprecated, redundant and/or have high risk security vulnerabilities. Unlike the given credits in the documentation, there are many undocumented libraries/plugins being loaded. For example there’s no credit being given to GridToFullscreenAnimations by Daniel Velasquez. The age of these libraries range from 2010 to 2016 while this theme was released in 2020: flexnav, Magnific Popup, jquery.waitForImages, jquery.appear, Isotope PACKAGED, jQuery, Packery layout mode PACKAGED, TweenMax, EasePack, ScrollToPlugin, CSSPlugin, three.js, Modernizr, Gridtofullscreen, Swiper, Smooth Scrollbar, Justified Gallery, imagesLoaded, jssocials,
This isn’t even about abandoning a theme with no longer providing updates ( there never was an update either way ). The theme was outdated from the very beginning. And instead of using each library efficiently, the entire website is just a mix of multiple open source designs/projects glued together, bloated to the very top.
Why lie about “Fast Loading Speed” if the entire theme has not a single performance enhancement? Not even the most basic ones like lazy loading, or async/defered loading of js. At least some of the basic performance enhancements could be taken care of, this takes literally 5~10 minutes to implement.
Why further decrease performance using a Smooth Scroll Plugin when already years ago the native browser engine does it way better? Why load js libraries which are not even used?! Absolutely nothing about this template is performant, this is just nothing but a lie.
There’s not a single performance consideration other than: Hiding open source js libraries behind a single minified js file?! And document only half of it without any version info?
I personally ended up rewriting the entire template. By reducing the bloat, updating libraries, loading them more efficiently and take use of some basic performance enhancements the website now loads >50x faster, no longer uses deprecated functions, is more secure and error free.
Yes your template looks pretty. But that’s about it. The code base which you seems to use for all your templates have the same rotten foundation. Not even going to start to talk about basic SEO and accessibility considerations, that’s about as good as the “performance”.
Maybe consider learning a thing or two about security, performance and seo one day. That would be healthier for our web. Because this is really embarrassing. Thank you for reading.
Hello, the RAYDEN HTML template si not working anymore. Try to open your own website you will see it crashes. I get the message: “A problem repeatedly occurred with preview.themeforest… Can you please check what the issue is? Thank you.
Sure, but the files I published don’t work, here’s the link: https://lajollaweb.com/aac
This is the template I downloaded just now: https://lajollaweb.com/aac2 , it works on Google Chrome but it doesn’t work with Apple Safari. We use Mac a lot, so it should work with Safari.
Just tested and works. Can you give us more details on how to test?
You need to open the link on Apple Safari. It crashes the browser.
Greetings I purchased the Rayden HTML version of the product Slider photos in The mobile is displayed as cut, how can I disable the cutting of photos on mobile Thanks
i purchased your html rayden template which is nice but its quiet disappointing that you can’t easily make changes to clapatwebgl.js which has the most js implementation of template(seems to the core js part of template).
I tried beautifying it using a link you provided to someone who asked a similar question https://beautifier.io/ but variable names are in single characters which is impossible to understand and modify.
Please why can’t we get the original js code for clapatwebgl.js so we can make the modifications we deem fit.
Hello, when we browse the “Portfolio sided large” in the responsive version, the text goes over the images, and we can’t read it. How can we avoid to have the text over the images on a smartphone please? Maybe by having the text in between the images on a black background (meaning we would disable the parallax effect in the responsive version) – Please help ! Thank you.
Please provide us your website url. You can send it via our themeforest profile form. Thanks
Thank you, I sent you a message via the your Themeforest profile form. Please help, the website is finished, but I have this responsive issue where the text goes over the images.
Sent you an email. Best regards
Hello, your website preview isn’t working…
Hi, Please provide us more details.Thanks
Hello, when i am on index page, and i got an other page like “about”, i got this error : Uncaught TypeError: s is undefined c file:///C:/wamp64/www/HTML_site/js/clapatwebgl.js:17 jQuery 8
What I have to do to resolve this ?
The website loads pages via Ajax and use WebGL for motion effects. You need to upload it on your server and will work perfectly. Also you can use firefox on local. This browser emulate it as a server an run ajax properly on local host.
I have upload it on wamp server (i’ve read all the comment seems the same as mine before ask 
) and I still have the same error.
Please provide us your website url and more details. Especially what modifications have you made on template. Regards
Hello, where do you actually add this code? .smooth-scroll is it like class=”.smooth-scroll ” otherwise I ain’t a clue alt=”Betty Grable” class=”.smooth-scroll ”> like so? Thanks
Hi, You need to add on each page for body the class smooth-scroll to enable smooth scroll plugin:
<body class="hidden hidden-ball smooth-scroll" data-primary-color="#f33a3a">
Hi there,
What would be the best way to resize (to make it bigger) the fluid logo image?
Please note, that’s the -
Rayden – Creative Ajax Portfolio Showcase Slider Template
( Not the the WP one )
#logo {
top: 10px;
}
#logo img {
height: 50px;
}
increase the height and adjust the top position to re center it inside header.
Best regards
Love it Creative, Responsive lovely theme glass it bought it now, and the webgl in the theme
Thank you!
Hello, I really love your template, I do have a couple questions before I start customizing it: 1- Is it possible to remove the circle around the mouse cursor ? It gets a little annoying. We can keep the “View Project” effect, though. 2- Can we have a horizontal menu, like in the Wordpress version? Instead of the hamburger stack menu. Also, is it possible to have the website continue in the bottom, in the liquid slider version? Maybe an arrow to scroll down. Thank you!
Hi,
01. Yes, you can remove the mouse circle cursor. 02. Yes, you can set the menu horizontal 03. This can be done, but require some modifications, and the slider need to have scroll navigation otherwise you can not scroll on content
Regards
Hello, thank you for your message. I bought the template. Can you please tell me how to: 01. Remove the mouse circle cursor. and 02. How to make the page scroll further when you click on “VIEW PROJECT” (the red circle), this is so we can read more of the text when it scrolls down. I would like it to scroll further down. Please let me know which line of code to modify. Last thing, I can’t get the main slider to auto play each 8 seconds, it plays more like each 4 seconds. Thank you for your help.
.disable-circle-cursor #magic-cursor { display:none;}
and add on each page to body this class: disable-circle-cursor
For the other questions please give us more details. Thanks
Thank you, I have added this to the homepage: <body class=”hidden hidden-ball smooth-scroll” data-primary-color=”#f33a3a” class=”disable-circle-cursor”>
However, the circle is still there.
What I meant by the other 2 questions: When you click on “VIEW PROJECT”, the website slides down a little bit. But not enough to see that there is text and photos. I would simply like to make it slide more in the bottom. And for the main liquify slides, it is pretty straight forward: I wanted the slides to autoplay after with an 8 seconds lapse. When I set it to autoplay it changes the slide too fast. Thank you.
You know, where it says scroll down or drag to navigate, I’d like the page to scroll automatically.
Here is the right syntax:
<body class=”hidden hidden-ball smooth-scroll disable-circle-cursor” data-primary-color=”#f33a3a”>
Please do not forget to add also this in style.css
.disable-circle-cursor #magic-cursor { display:none;}
in scripts.js at line 452 and 454 increase the scroll value. Now it is 120
for the slider we use as the main slider swiper plugin. Here you will find all the parameters of it:
https://swiperjs.com/swiper-apiThank you for your help. You wrote: “in scripts.js at line 452 and 454 increase the scroll value. Now it is 120” Are you sure it is scripts.js ? There is noting with the scroll value in lines 452 and 454
Beautiful template, great work! Really what I need is to be able to have a project open and scroll more so we can see the text. (I know there is a “Scroll or drag to navigate”, but I need it to scroll more, and I could not find the “in scripts.js at line 452 and 454 increase the scroll value. Now it is 120” , please tell me where I can change that value. Other than that it is amazing design!
hi,
in clapatwebgl.js search for “scrollTo:120”
You will, find two time the sentence. Please modify there. Thanks
Perfect, that works! I am, however, having trouble with playing the video. I have added my own video file (mp4), but it doesn’t play. Can you please help me with this part?
Please provide us your website url. Thanks
Hello, I am trying to open a ticket but I don’t see the choice for Rayden template, only the theme. What should I do please? I don’t want to share so sensitive information here publicly. This was my ticket: Hi, I need to change the default background color for the projects. Right now it is rob(20,20,20) it appears as an inline css, but I am not able to find that line f code. It is not in the project06.html, it is not in the css files, and it is not in the scripts.js file. I only see it when I inspect the element through the browser. Please let me know where I can change that color. Thank you.
About the video, I have uploaded your template as is without changing anything. The video Goldman works on Chrome, Firefox, Opera, but not on Safari. Here’s a link: https://lajollaweb.com/raydendemo/project06.html (video not autoplaying on Safari). However, when I check your direct Themeforest link: http://preview.themeforest.net/item/rayden-creative-ajax-portfolio-showcase-slider-template/full_screen_preview/29050127?_ga=2.262626639.2116892762.1631611542-1778006092.1628343863 Then it autoplays on Safari.
Hello, I have allowed auto-play, but it doesn’t work on Safari. This is the original template I downloaded without changing anything: https://lajollaweb.com/raydendemo/project06_new1.html On the other hand, it works through your Themeforest preview.
Please upload our unedited template on your server and test whit it and see if you have the same issue. Thanks
I have already uploaded your unedited template, and this is the link:
https://lajollaweb.com/raydendemo/project06.htmlYou’ll see video autoplay works on Chrome, Firefox, Opera… But not Safari. I am not sure why.
Quick question also: is it possible to have the video autoplay in the responsive version? Thank you!
The video works on Safari when I load it locally. On the server, it doesn’t. Weird.
One quick question please, the red circle where it says: “View Project”, how can we disable the link please ? I tried href=”javascript:void(0)” but it doesn’t work, the cursor keeps on spinning and we get stuck. I’d like to disable some of the links until their pages are ready.
if you want to disable some links add this style for it:
pointer-events:none;
Thank you, but it doesn’t work, the pointer keeps on spinning and we get stuck. We then have to reload the page.
Please give us the page where you want to disable it. Thanks
It’s okay, we purchased the Wordpress theme instead. Thank you!
Thank you for support 
Hello, I wanted to ask you if on the “About” page, in the slider under the title “We are a collaboriative studio with …” it was possible to make the carousel in autoplay, thanks
Hi,
You could add this in scripts.js at function Sliders() for content-looped-carousel
autoplay:true,I bought the theme but when I open it only one image file comes out. Thanks
Please re-download it again. Thanks
Hi, I have sent a few massages but no reply. Can somebody point me to where i can find original source code for clapatwebgl.js? It’s all minified so almost impossible to customize any components that are only part of this file. Thanks.
Hi,
We have made our website using your theme, In order to do some edits we have tired to edit your slider but we are not able to update as per our requirements.
Website link – http://icd.dynamicace.in/new/
Kindly revert us on our below queries.
1. We need slider Auto Play. (i.e. Change Pics on every 4 secs. without Clicking Next / Previous OR Scrolling) – Do let us know the method OR Kindly provide us updated code.
2. We need to integrate video on currently used slider – We have found it on your “Parallax Slider” example. We need same like this but on slider which we have used on our website – i.e. Gold Men Video – http://clapat.ro/themes/rayden/index-showcase.html (Do let us know the method OR Kindly provide us updated code.)
Do let us know on above mentioned queries.
Your prompt reply will be highly appreciated.
Thank you.
Hello, Am still awaiting for your support on this. Kinldy help.
Hi, Sorry for my late reply, but we have easter this week. 01. iin scripts.js at function ShowcaseWebgl() set autoplay true at line 734. 02. The WebGl silder allows only images, not videos.
Regards
Hi, why can’t I see the images on the “index” page? Thanks and regards.
The website loads pages via Ajax and use WebGL for motion effects. You need to upload it on your server and will work perfectly. Also you can use firefox on local. This browser emulate it as a server an run ajax properly on local host.
Hello, sorry I use firefox and it still happens to me, but when I see your template on my pc with any browser, it doesn’t happen to me, Thanks and sorry.
Hi, I’m sorry, I use firefox and it still happens to me, but when I see your template on my pc with any browser that doesn’t happen and it looks correctly, you know another way to solve it, it only happens to me in the “index” template, thank you and what
Upload it on your server
It freezes in the following cases. Please tell me what to do.
I want to use index-showcase-sticky.html.
Case:1
1) http://clapat.ro/themes/rayden/index-showcase-sticky.html
Contents Text Link Click 2) http://clapat.ro/themes/rayden/project01.html
Browser back button Click
3) http://clapat.ro/themes/rayden/index-showcase-sticky.html
Contents Text Link Click
But, Freezes and does not transition to the target page.
——
Case:2
index-showcase-sticky.html Rename index.html
1) http://clapat.ro/themes/rayden/index.html
Contents Text Link Click
2) http://clapat.ro/themes/rayden/project01.html
Nav Logo Click to TopPage(index.html)
3) http://clapat.ro/themes/rayden/index.html
Contents Text Link Click
But, Freezes and does not transition to the target page.
Hi, Our website load pages via ajax. If you want to use browser back button you need to add a script to reload the page. Pleasee add this in scripts.js inside FirstLoad() function:
https://stackoverflow.com/questions/43043113/how-to-force-reloading-a-page-when-using-browser-back-buttonThank you! I will try. Will Case 2 be resolved?
Hi, no2 looks like a bug. I’ll identify the issue asap. Regards
Thank You! We are expecting a version upgrade.
At that time, it would be helpful if you could include the No. 1 process in script.js.
The method you taught me solved the problem in case1.
Thank you!
When browsing with an Android browser, an extra margin is displayed below the footer.
Is there a way to get rid of this margin?
on which page?
Hi. All Page. There is no problem at the time of initial display. Android browser, Scroll down and you’ll see a margin below the footer.
When scrolled down, the margin disappeared by executing the following in the scroll event.
Before Android judgment
var windowHeight = $(document).innerHeight(); $(’.smooth-scroll #content-scroll’).css(‘height’, windowHeight + ‘px’); $(’#main-content’).addClass(‘on-scroll-down’);
However, it was not solved by index-xxx.html.
My phone is Android 9: huawei,chrome && Andorid 11 Oppo chrome
Hi, I just fixed the bug you have reported on click in stick showcase. Regarding the bottom margin on phone, in iphone works fine and samsung. ASAP i’ll find a huawei i’ll test it again and try to fix it. Best regards
HI, Thank You. iPhone11 Safari, contact.html Input field focus after,blur margin is displayed below the footer.
Thank you. This solution did not help.
Please provide us a screenshot. Thanks
How do I send a capture.
phenomenon. 1)Tap the Input field 2)scroll 3)Space increases at the bottom of the footer
solved! Thanks.
css,add
main{ min-height:100%; height:100% }
