Пікірлер
@FactScriber
@FactScriber 2 сағат бұрын
how do i stop the carousel from overlapping my main menu
@suryakiran2186
@suryakiran2186 4 сағат бұрын
Is there any tutorial for responsive mode
@juanfelipe7677
@juanfelipe7677 13 сағат бұрын
No encuentro la otra parte 😢
@trigonk20tsongs18
@trigonk20tsongs18 19 сағат бұрын
How to use this in react broo pls reply
@EmmanuelLemal
@EmmanuelLemal 19 сағат бұрын
thx for your solution? the problem is the back button brings me indeed to the previous page, but at the bottom of that page (actually where i left it) If you want to go back to the previous page, but at the top of it, you can use this script: // Function to add a parameter to the current URL function addParam(url, param, value) { var a = document.createElement('a'); a.href = url; var regex = /[?&]'+param+'(=([^&#]*)|&|#|$)/; var results = regex.exec(url); if (!results) return url + (url.indexOf('?') > 0 ? '&' : '?') + param + '=' + value; if (!results[2]) return url.replace(regex, '$1' + value); return url.replace(regex, '$1' + value); } // Script for the back button document.getElementById('backbutton').addEventListener('click', function(event) { event.preventDefault(); var prevPageUrl = document.referrer; if (prevPageUrl) { prevPageUrl = addParam(prevPageUrl, 'scrollTop', 'true'); window.location.href = prevPageUrl; } else { history.back(); } }); // Script to run on every page load window.addEventListener('load', function() { var urlParams = new URLSearchParams(window.location.search); if (urlParams.get('scrollTop') === 'true') { window.scrollTo(0, 0); // Remove the scrollTop parameter from the URL urlParams.delete('scrollTop'); var newUrl = window.location.pathname + (urlParams.toString() ? '?' + urlParams.toString() : ''); history.replaceState(null, '', newUrl); } }); // Handle browser back button window.addEventListener('popstate', function(event) { window.scrollTo(0, 0); });
@19ahmet97
@19ahmet97 20 сағат бұрын
nice Video Thank You, but how can i add now a Text ? like u is this a part of the Video or do u add it on Elementor if i want to add a text it say i have option about the section oder under the section
@kapmagic
@kapmagic 20 сағат бұрын
Unfortunaly my first coluns overlaps my header, when i put 90 padding on Main Container, the STEP 1 Columns dont obbey and keeps overlaping my Header. May is escaping me something? Great Work <3
@nawidsulaimankhil8399
@nawidsulaimankhil8399 21 сағат бұрын
can you please gift me the Website template!!!
@houstontee_physio
@houstontee_physio Күн бұрын
Great work!!! But I do have one question, is it possible to adjust the video height in mobile version? too many blank space and the video kinda small
@tonystarkmowa
@tonystarkmowa Күн бұрын
how can we make it something like wrap or scroll in the mobile view instead of deleting? and for buttons how we can use the elementor defult buttons?
@nawidsulaimankhil8399
@nawidsulaimankhil8399 Күн бұрын
does not work on shopify
@AafaqKhan-pr2st
@AafaqKhan-pr2st Күн бұрын
I not find the code
@MaherMenix
@MaherMenix 2 күн бұрын
Great tutorial, Nicolai! I love the effect and how you explained it step-by-step. I'm having a bit of trouble getting the video to play smoothly, though. It seems to lag quite a bit on my site. I followed your instructions and even used the online converter to ensure the video is 30fps. Any other tips for troubleshooting this? Thanks again for the awesome content!
@AnjumBhat
@AnjumBhat 2 күн бұрын
Hi Nicolai, I got the script from gumtree. I want to change the colour of the zigzag shape between the hero video and the first section. How can I do that?
@nicopalmkvist
@nicopalmkvist Күн бұрын
Hi Anjum. You can change the zigzag shape here: www.loom.com/share/e2693a7be44f44b8ba7cfe740db230df?sid=8474f1b9-4aab-4143-adbd-650745c0b892
@funnyanimal13
@funnyanimal13 3 күн бұрын
I want buy your full template I've quick question If i buy pro license i woulde be able to redesigned it(like changing color , text , images , remove or add something) or is it only possible in custome license
@nicopalmkvist
@nicopalmkvist 3 күн бұрын
@@funnyanimal13 Thank you for your question. The template is designed so you can continue working on it yourself. With both the basic and pro licenses, you can edit and customize it to fit your needs. The custom license is only if you want me to handle the work for you.
@ppwebsoln
@ppwebsoln 3 күн бұрын
Mobile version?
@jonpuzzleheadedwave
@jonpuzzleheadedwave 3 күн бұрын
Amazing work Nikolai! I recently purchased your full template for this. Is it feasible to make this image scroll trigger available on mobile, not just desktop? Your template has it hidden for the mobile view. Thanks in advance for instruction ✌️
@bhavikgandhi138
@bhavikgandhi138 3 күн бұрын
Hi, this video helps a lot, but in the responsive device (mobile), the images are not scrolling. Am I missing any part of the code?
@kamilyuksel9319
@kamilyuksel9319 3 күн бұрын
Hello, I made the application and I want to use it, but although it looks very cool on the computer screen, when pulling down on the mobile phone, only the white screen appears for a very long time, which code should I delete so that I can use it in a fixed way without rotation, because the screen layout is very cool and I want to use it.
@DiscoverSoller
@DiscoverSoller 4 күн бұрын
Hi Nicolai! Incredible video, you are a maestro. Do you know how to make the scroll animation faster or decrease the scrolling time?
@nicopalmkvist
@nicopalmkvist 2 күн бұрын
To adjust scroll speed, find my code and change the "scrub" value in scrollTrigger at line 23: To slow it down write:: scrub: 2 Make it faster: scrub: 0.5
@valentiniriarte4981
@valentiniriarte4981 4 күн бұрын
hi bro, i have a question, my backgroung image dont change when i scroll it, i tried all that you said and didn´t work, Can you imagine what the problem would be?
@ipagewebsitecriacaodesites9977
@ipagewebsitecriacaodesites9977 4 күн бұрын
Congratulations!!!! I loved!!
@The12LVE
@The12LVE 4 күн бұрын
Any idea how this can be useful in Figma?
@bazi69fps
@bazi69fps 4 күн бұрын
hey man just bought the template but I am not able to edit the text Vietnam Ha Long Bay Also when I click preview everything is messed up
@nicopalmkvist
@nicopalmkvist 4 күн бұрын
Hi, please send me an email with a screenshot or recording, and I’ll take care of it. Mail: [email protected]
@danieIlondon
@danieIlondon 5 күн бұрын
Will this work on Shopify?
@jeffrey6283
@jeffrey6283 5 күн бұрын
Very cool effect! If you want a rectangle or square instead of a circle, can you simply adjust this in the code? If so, could you tell us what needs to be adjusted? Thanks!
@nicopalmkvist
@nicopalmkvist 5 күн бұрын
Hi jeffrey - To change the image to start as a square instead of a circle, you can modify the value of "borderRadius" in the initial state. So you can set borderRadius to "0px" from the beginning. like this: <script src="cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script> <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js"></script> <script> gsap.registerPlugin(ScrollTrigger); ScrollTrigger.defaults({ markers: false }); // Animate From To $(".stickey_circle_wrap").each(function (index) { let triggerElement = $(this); let targetElement = $(".circle"); let tl = gsap.timeline({ scrollTrigger: { trigger: triggerElement, start: "top top", end: "bottom bottom", scrub: 1 } }); tl.fromTo(targetElement, { width: "40em", height: "30em", borderRadius: "0px" // Start as a square }, { width: "100%", height: "90vh", borderRadius: "0px", // Remain a square when expanded duration: 1 } ); }); </script>
@MuhammadAli-bi5tr
@MuhammadAli-bi5tr 6 күн бұрын
but it work only on pro version of elementor because the sticky option is only in pro version not in the free version
@AmarSharma-o1k
@AmarSharma-o1k 6 күн бұрын
Is this the code for title and text ? is it correct ? selector -elementor-heading -title{ background-image: linear-gradient(180deg , #FFFFFF, #707070); background-clip: text;-webkit-background-clip text; }
@nicopalmkvist
@nicopalmkvist 5 күн бұрын
No this code uses selector -elementor-heading -title, which is not correct syntax and not work. There is an unnecessary "-" in the class name that needs to be removed. So: selector .elementor-heading-title { background-image: linear-gradient(180deg, #FFFFFF, #7D7D7D); background-clip: text; -webkit-background-clip: text; } Or: selector .elementor-heading-title{ background-image: linear-gradient(180deg , #FFFFFF, #7D7D7D); background-clip: text; -webkit-background-clip: text; }
@AmarSharma-o1k
@AmarSharma-o1k 5 күн бұрын
@@nicopalmkvist Thank you. it works now
@html-highsite
@html-highsite 6 күн бұрын
NICE ONE !! :-) LIKE IT A LOTTTTT
@nicopalmkvist
@nicopalmkvist 6 күн бұрын
All My Elementor Projects In 60 Seconds: kzbin.info/www/bejne/rYTZZXZpp6qjY8k
@nicopalmkvist
@nicopalmkvist 6 күн бұрын
60 sec walkthrough of my best Elementor Template: kzbin.info/www/bejne/rYTZZXZpp6qjY8k
@nicopalmkvist
@nicopalmkvist 6 күн бұрын
All My Elementor Projects In 60 Seconds: kzbin.info/www/bejne/rYTZZXZpp6qjY8k
@funnyanimal13
@funnyanimal13 3 күн бұрын
Hi I've quick question I love your full template and I want to buy it I want to know if I buy your pro license ( I would be able to redesign it or not) like changing color , text , images or delete something or add something?
@nicopalmkvist
@nicopalmkvist 3 күн бұрын
@@funnyanimal13 Thank you for your question. The template is designed so you can continue working on it yourself. With both the basic and pro licenses, you can edit and customize it to fit your needs. The custom license is only if you want me to handle the work for you.💪
@Mustakim666bee
@Mustakim666bee 2 күн бұрын
Hello Nicolai, I think you might be very busy. If you see my message please do me a reply. We have an amazing WooCommerce affiliate marketing plugin(WC Affiliate). I found you create amazing videos. Would you be interested in creating videos except Elementor? It would be an honor to hear your thoughts on this. Thanks :)
@CometAds-o6m
@CometAds-o6m 6 күн бұрын
how i add this to my website after uploading
@ArpitDubey-y6u
@ArpitDubey-y6u 6 күн бұрын
how to make it responsive for mobile screen?
@asas-kf8dm
@asas-kf8dm 6 күн бұрын
Does it work for mobile?
@kurtiswebster8829
@kurtiswebster8829 7 күн бұрын
Thank you for a helpful tutorial. Is there anyway to change the alignment? I'm trying to centre it but it won't work no matter what I try.
@TheChefchapa
@TheChefchapa 7 күн бұрын
It says here that the download is free, but when you get there you have to pay.
@sofianora7063
@sofianora7063 7 күн бұрын
hey! first of all great design, I was wondering why in the very first clip the circle starts to expand once it reaches the center of the page whilst at the end in the tutorial it stops at the bottom. How can you make the starting point for the effect in the center of the screen and not at the bottom? thank you 🙏
@AVAWHITE-r2r
@AVAWHITE-r2r 8 күн бұрын
I tried this on elementor and in trying to save, it's showing an error message {Server error (403 error)} but once i remove the Script, it saves perfectly. What could be the problem. I used different image and i didn't change the image names to match yours but i followed every step.
@BabatopeOluwatosinAdeola
@BabatopeOluwatosinAdeola 8 күн бұрын
Hello what a great video but I have a question what if I don't want to create the video as a background section and I want the video to be sideways with a text is it possible?
@IShowMeat-Edition
@IShowMeat-Edition 8 күн бұрын
Is there any scroll triger for shopify stores?
@Classwork420
@Classwork420 9 күн бұрын
does the code work for any vedios without tany changing within?