as the video is of quality, we can see the following code : selector .elementor-heading-title{ background-image: linear-gradient(180deg, #FFFFFF, #7D7D7D); background-clip: text; -webkit-background-clip:text; }
Unfortunately, I already tried the same effect byt pictures are jumping with your code and live site at the end of the animation. That is because there should be a duplicate of each pic to ensure smooth transition and translateY should be -100% minus gap. Andrea Egli made a nice tutorial on that :)
Thank you for this video! It's the perfect solution for what I've been trying to do. For the custom CSS for the heading... I don't see it in the link that you pasted. I only see your responsive code in addition to the 3 carousel CSS codes. Can you provide the heading CSS code please?
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
Hello ive followed this tutorial step by step but in the live page its still bugging for me, its not as smooth as your live demo. any possible reason? note that i have all plugin up to date.
Is it because your slider occasionally makes a little "jump"? If so, we've updated the code at this link: lifeonablock.com/streama-update/ Alternatively, you can download our template and import it. It's the one from our live demo.
@@nicopalmkvistThank you! The new CSS code works fine! ...there is still a problem about the columns, since the animation goes over the main menu. I set 90px of top margin for the main container, but the columns go beyond the margin...
Since we released the video, we have found a solution to this problem. We have updated it on our demo: michellewp.com/streama/ We will release a video about it later this summer, but for now, the only option is to buy our template on Gumroad and import the updated version. The link is here:michellewp.gumroad.com/l/umfbej
That could actually be pretty cool to try. But I don't no if it works. In theory it does, you should just change the background of the column to and video.
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; }
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; }
All My Elementor Projects in 60 Seconds: ruclips.net/video/wSv4C3rEp-g/видео.html
Live demo: michellewp.com/streama/
You fixed the glitch! Thank you!
@@videowebsite2018 how can we fix that glitch too?
you are extremely professional. very good production value for such a small channel, i hope you grow big! you helped me and many others a lot
Thank you so much for this comment, it means a lot. More valuable video content is on the way.🔜
This is a awesome feature to have on any website, thankyou for sharing :)
We thought so too :) It’s an absolute pleasure!
es justamente lo que necesitaba
I think you miss the CSS about the heading, where is it? Thank you, i'm following your tutorial step by step and it's very easy
as the video is of quality, we can see the following code :
selector .elementor-heading-title{
background-image: linear-gradient(180deg, #FFFFFF, #7D7D7D);
background-clip: text;
-webkit-background-clip:text;
}
Hi guys, thanks alot for the video.
From Bobby in Bekasi - Indonesia
how do i stop the carousel from overlapping my main menu
Unfortunately, I already tried the same effect byt pictures are jumping with your code and live site at the end of the animation.
That is because there should be a duplicate of each pic to ensure smooth transition and translateY should be -100% minus gap.
Andrea Egli made a nice tutorial on that :)
Thank you for this video! It's the perfect solution for what I've been trying to do. For the custom CSS for the heading... I don't see it in the link that you pasted. I only see your responsive code in addition to the 3 carousel CSS codes. Can you provide the heading CSS code please?
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
Hi. I purchased your template, but, on mobile, it jumps. I tried to add more then 4 images, but after looping first 4 it jumps to start one.
Very nice content guys. Congrats
very nice work, but when I used the updated code, the carousel is floating up the screen, please help
please is there a tutorial on how the horizontal slider was created
You’re so amazing ❤❤❤
can you link image to a gallery or to a post? each image to its custom gallery or post
How fo I make a sign up page with data stored for users as email sign in in WordPress with custom slider as it
Hello ive followed this tutorial step by step but in the live page its still bugging for me, its not as smooth as your live demo. any possible reason? note that i have all plugin up to date.
Is it because your slider occasionally makes a little "jump"? If so, we've updated the code at this link: lifeonablock.com/streama-update/
Alternatively, you can download our template and import it. It's the one from our live demo.
@@nicopalmkvistThank you! The new CSS code works fine! ...there is still a problem about the columns, since the animation goes over the main menu. I set 90px of top margin for the main container, but the columns go beyond the margin...
@@francoisalbert5605 I have the same problem , WHAT to do ?
@@francoisalbert5605Did you find any solution.if any please help me. Thanks 😊
@@nicopalmkvist i send an email is this work for another object? not an image and more than 3, i want to set 4 container
Hello, How does it look like on mobile?
Challenge, how can we make it 3d diagonal? intead of vertical
Nice! 🔝
Thanks!
Hello! I try to buy this effect through the link you provided, but there is nothing
Hi @Edwardrangels - here is the link: michellewp.gumroad.com/l/umfbej
can we loop it without the jerks in between?
Since we released the video, we have found a solution to this problem. We have updated it on our demo: michellewp.com/streama/
We will release a video about it later this summer, but for now, the only option is to buy our template on Gumroad and import the updated version. The link is here:michellewp.gumroad.com/l/umfbej
is there a way to make it so the image in the carousel loops back instead of teleporting back to its original spot
just checked other comments and found the patch code but now the carousel is floating up the screen
@@fhdsadfjiosdafsdfesafars8704 Same here, @nicopalmkvist please help
Does this work with videos too rather than just images?
That could actually be pretty cool to try. But I don't no if it works.
In theory it does, you should just change the background of the column to and video.
Can anyone help me with the issue. It's working fine. Whenever it's start next loop it's shows ak fliker
Did you get any solution
Where do we go to download those examples?
You can download them here: lifeonablock.com/strema-css/
I followed the instructions, but the photos does not loop..
same
So awesome!
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;
}
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;
}
@@nicopalmkvist Thank you. it works now
I put the updated code but it's export above
thnaks!
After following all the instructions, it’s still not working on phone.
Hope you revert.