I liked the intense CTA button, but nice tutorial. I've been coding themes by hand for a long time. I used Elementor one a job (just some content fixes) and was blown away by Elementor. I ended up purchasing because I'm getting older and I value my time.
A month in with Elementor lite, I'm using containers everywhere as pretty sure they're replacement for sections, I note the age of this vid, perhaps I should watch more recent ones. These tips were really useful.
Hi Reno, It was a great video! I recently got a client, who wants this exact same thing on his website, although my team is well-equipped to create this on their own, I think your video will be a great help for them. I will definitely share this video with them, and they will be able to follow the process and get this done quickly. So thanks a lot for sharing this, it was a great help.
Thank you for posting this most helpful tutorial! I love to see how designers approach a webdesign project, it gives us great insight about one's organizational skills and approaches. Seeing you put together this website in Elementor was inspirational. Thanks for putting out superb content like this.
Hi, it feels great to see you back, one request to you. As i see you teach in BOTH Udemy and Skillshare. Please make a video on comparing two sites and how much you earn from both sites. This will be super fun. Good luck
Thanks for the video, very nice design with the gradient options! Yes, please - more video like this with simple design tricks :) I will be also interested of how do you know how to design a website for the client, what they needs are and how you create your design based on that. The most difficult thing for me :).
In the left side panel at the bottom, there is an icon for responsiveness of a web page. This button is on the left side of the "eye" button (which is a preview button). Click on it and you will see how the page appears on desktop, tablet and mobile. You can click on any of those icons to edit the page for that particular device.
Beautiful design. Thank you for sharing the tutorial. We all know you are expert in Elementor. I would like to see you trying new school page builders specially Zion builder and Live Canvas. Thank you once again
This design is great! I love following your tutorials. I was just wondering if we can add a list of video links from the media library and display a random video loop in the header instead of one particular video each time?
Thank you. I don’t think that is possible. So in this case its best to just make a video edit yourself where you mix multiple videos together and then just load that one video. This is also better for pagespeed because its only one file
currently watching, and scrubbing up my website (: So thank you so much , you are straight forward, no bs, and make this shit look easy! Cheers and much love
Hello!! First of all sorry for my bad English. And secondly, congratulate you on your work, which is very helpful. But I have a question. At minute 11:00 where you show the mouse scroll rotation effect... in my case it does not rotate around the central axis of the image, it rotates around another axis and the piece instead of rotating on itself moves in a circle moving from its place or position. You can help? What happen? Thank you!!
thanks for the great turotial Rino. i have a question, when you upload the video on wordpress media liabary , the video link will be http by default, which casue my page not secure. do you know how to get a https link for a video that you want to upload on wordpress ?
Does a self-hosted video not need to download in full to the visitor before it plays? It’s instant for you because it’s already on your device or browser cache? I’ve found self-hosted is way slower than RUclips as self-hosted doesn’t stream, it has to download and play.
Always amazing tutorials from you! How can i find cool backround vidoes like this one I try look vidoes like this on youtube with models and didnt find any
Thank you very much for your great tutorials. I am looking for an option to move image content in the frames. When customizing on mobile it is often the case that it would be good to be able to move the image so that, for example, something is not cropped. Is there an option for this?
Great tutorial! We have sites with videos in the background loading after the overlay and the page opens a little a little wonky at first. Any suggestions how to get this video to load simultaneously with the overlay? Thanks!!
Can you please elaborate how we can use this design in our ecommerce multi products site because there gonna be a template and we cannot design for a specific image?
Hi, very helpful video. I create my websites on a subdomain and migrate to the domain. So my question is if I activate Elementor pro for a website on a subdomain and move it to the domain, will it be counted as one Elementor pro license used or 2. I have the one for 25 Pro websites.
I was wondering why are you not using the icon box or image box widgets? Instead of 3 separate widgets. It would help you reduce the amount of divs elementor is creating for your layout. Also for the hero section, that second column content could have been replaced by a single widget - the cta. It's all about optimizing the size and structure of your layouts and final code.
This is a good point. The reason why I do this is because when I'm in the middle of development I use copy and paste a lot of the time. Then it's kind of frustrating if you can't copy and paste styles for individual widgets. But this is a good practice when the project is finished to optimize the speed. Thank you.
heyy it's amazing how you go trought this, you've got a amazing idea !! it would be intersting if you could do some tutorial about landing page for woocommerce with 3D effect with the product for example! If You know what I mean !!
What's the size difference for the web load speed when using the video from file library and RUclips? Since, I know RUclips does some compressions and thought it might be better to use YT videos
@@rinodeboer Noted! - Thank you, buddy! What I've also found so useful is doing a conversions into .webm + a compression to help it fit the fast loading speed
Hello ! I have a question... How do you do to make the web responsive? When I design the website is different than when I watch the preview. I mean, the picture or text some times move a little, do you understand me?
Hey Rino amazing content. Can you explain on how to build both desktop and mobile responsive websites in elementor. Cause the design changes when we view on mobile, and how to correct it, So we get the same design experience on both platforms
Hi Rino, I like your lates email, you are 100 % right , don't try to be perfect, find time for relax and friends, that's what's important, stay safe brother !
2 years and is still the best video to learn elementor fast
I liked the intense CTA button, but nice tutorial. I've been coding themes by hand for a long time. I used Elementor one a job (just some content fixes) and was blown away by Elementor. I ended up purchasing because I'm getting older and I value my time.
Just watched the official elementor guides. Then I thought why not watch somebody who actually uses the software a lot... Great Video man!
That’s a huge compliment, thank you 🙏🏻
A month in with Elementor lite, I'm using containers everywhere as pretty sure they're replacement for sections, I note the age of this vid, perhaps I should watch more recent ones. These tips were really useful.
Hi Reno,
It was a great video! I recently got a client, who wants this exact same thing on his website, although my team is well-equipped to create this on their own, I think your video will be a great help for them. I will definitely share this video with them, and they will be able to follow the process and get this done quickly. So thanks a lot for sharing this, it was a great help.
Hands down the greatest tutorial for elementor on RUclips!
Fijn om je weer terug te zien Rino, bedankt voor deze video!
Thank you for posting this most helpful tutorial! I love to see how designers approach a webdesign project, it gives us great insight about one's organizational skills and approaches. Seeing you put together this website in Elementor was inspirational. Thanks for putting out superb content like this.
Hi, it feels great to see you back, one request to you. As i see you teach in BOTH Udemy and Skillshare. Please make a video on comparing two sites and how much you earn from both sites. This will be super fun. Good luck
Recently found your channel and have already subscribed, thank you for your content!
Awesome, thank you!
This is a fantastic design. I always appreciate your efforts Rino. Keep it up!
best Elementor TUT i watched so far, love it
10:00 u can use a instead of a
= its just 1 space that u get by pressing the spacebar
= It leaves a line
eg:
runnard&nsbp;runnard = runnard runnard
runnardrunnard = runnard
runnard
Good to have you back. Please more of these kind of videos.
Yes, more of this please.
I struggle especially with making things look *nice* :)
really thanks to Rino for this perfect website tutorial 👍
Thanks Rino for such amazing stuff, I must appreciate your way of explanation and taste of aesthetics.
Thanks for the video, very nice design with the gradient options! Yes, please - more video like this with simple design tricks :) I will be also interested of how do you know how to design a website for the client, what they needs are and how you create your design based on that. The most difficult thing for me :).
Always amazing tutorials from you. I always learn so much, thank you!
woww , you do this page in simple pages , thank you , I understood all
This is the most inspiring video I've ever seen 💛
So valuable and easy to follow. Thanks for sharing!!
Looks good! I enjoy the videos on your channel. Thank you!
Awesome video. But i really wanted to see you stretching and shrinking the browser window to see how the website behaves.
Looks great, very useful tutorial. Thank you bro 🤩👍🏻
Great tutorial as always. Love your work ❤️❤️❤️.
Great Tutorial 🔥 worth to watch✌🏻✨
Goed bezig. Erg happy met je video's. Fijne duidelijke manier van uitleg!
Thank you for sharing an awesome tutorial!
Looks great! Can you do a tutorial how you will make this website ready for mobile use? :-)
Indeed, Mobile First design for 5 yrs is how I roll LUV ya LivingwithPixels but come on responsive design is 💯
Yes... Iam the web designer to. I wish this site can be operation on mobile is well
True! Looks good on desktop .on tablet and mobile it looks horrible.
In the left side panel at the bottom, there is an icon for responsiveness of a web page. This button is on the left side of the "eye" button (which is a preview button). Click on it and you will see how the page appears on desktop, tablet and mobile. You can click on any of those icons to edit the page for that particular device.
Thanks for this Amazing Videos...i love it.
Continue creating these videos 🥰
hello Reno, can you make a video to show us how to pick the right colors for websites? the colors on my websites just do not look good. any advice?
Beautiful design. Thank you for sharing the tutorial. We all know you are expert in Elementor. I would like to see you trying new school page builders specially Zion builder and Live Canvas. Thank you once again
where do you get transparent images like the music box?
Thank you for such nice and simple video!
Your web design ideas so cool
may I know how does this design work apply to table or mobile version?
Great style and tutorial! Unfortunately the video I’m putting in is not showed in the live view 😢 What can I do?
Wow. Thank you so much for the Video. Helps a lot
This design is great! I love following your tutorials. I was just wondering if we can add a list of video links from the media library and display a random video loop in the header instead of one particular video each time?
Thank you. I don’t think that is possible. So in this case its best to just make a video edit yourself where you mix multiple videos together and then just load that one video. This is also better for pagespeed because its only one file
@@rinodeboer Thanks a lot for answering that!
Looks amazing. Is it mobile responsive?
dude, you've got TASTE. damn.
currently watching, and scrubbing up my website (: So thank you so much , you are straight forward, no bs, and make this shit look easy! Cheers and much love
Great work, looks awesome!
Hello!! First of all sorry for my bad English.
And secondly, congratulate you on your work, which is very helpful. But I have a question. At minute 11:00 where you show the mouse scroll rotation effect... in my case it does not rotate around the central axis of the image, it rotates around another axis and the piece instead of rotating on itself moves in a circle moving from its place or position. You can help? What happen? Thank you!!
thanks for the great turotial Rino. i have a question, when you upload the video on wordpress media liabary , the video link will be http by default, which casue my page not secure. do you know how to get a https link for a video that you want to upload on wordpress ?
You're AWESOME! Big fan here
Great video as always. Thanks for sharing this. Btw why you don't say "sections and inner-sections" when u explain the column's thing.
Really great tutorial! However, I can see the video from Elementor editor but it's not showing on the live page. Any idea how to fix this?
Hey Rino, can you please make a video about the topic : how to get clients ? That would be very helpful 🙏🏻
Please make another video explaining the mobile version. Looking forward
Thank you Rino, great tutorial, i would like to see it on mobile.
This was great. Thank you very much!!
Does a self-hosted video not need to download in full to the visitor before it plays? It’s instant for you because it’s already on your device or browser cache? I’ve found self-hosted is way slower than RUclips as self-hosted doesn’t stream, it has to download and play.
Nice, where to get the photos png and video's to builds this all up?
well I 'm watching your voids >>in fact they are very interesting with good ideas
Hi there. Would you be able to remake this tutorial based on Elementor's flexbox? I'm still having a bit of a struggle migrating to flexbox.
so cool, can we try how to make the woocommence?
Good day pls How did you make the speaker image transparent it blends in sooo well with the video
Always amazing tutorials from you!
How can i find cool backround vidoes like this one
I try look vidoes like this on youtube with models and didnt find any
Thank you very much for your great tutorials.
I am looking for an option to move image content in the frames. When customizing on mobile it is often the case that it would be good to be able to move the image so that, for example, something is not cropped. Is there an option for this?
Great tutorial! We have sites with videos in the background loading after the overlay and the page opens a little a little wonky at first. Any suggestions how to get this video to load simultaneously with the overlay? Thanks!!
Please make an in depth tutorial on buttons :)
What is with the size of the video (16MB)? I mean because SEO and the website load time.
Please share the font sizes 🙏 I’m currently building a website with sora
Hello! Thank you for amazing videos. Pls make video about how to create ecommerce website.
Can you please elaborate how we can use this design in our ecommerce multi products site because there gonna be a template and we cannot design for a specific image?
Thanks for your guidance sir. I am trying to get Clients, but I am hardly getting any. Please suggest us how can we get Clients to work with.
Hi, very helpful video. I create my websites on a subdomain and migrate to the domain. So my question is if I activate Elementor pro for a website on a subdomain and move it to the domain, will it be counted as one Elementor pro license used or 2. I have the one for 25 Pro websites.
Hey rino bring more tutorials like this!!!
Hey! Love your tutorials! Is there a way to add google ratings to an elementor site for free? UEA doesn't work. Thanks in advance!
It's real great explanation but can i get the pictures and video used for practical application with you.. that will be much better
YOu ARE AMAZING thank you so much ! you made it so easyy to me :**
Glad it helped!
Hey, what's thename of the tool used for screen annotation in your video? TiA
How about the header ? Did you make a tutorial of it ?
Very clear tutorial thank you
Where are the images you've used?? any link to download them??
Awesome! Great work 👍
I was wondering why are you not using the icon box or image box widgets? Instead of 3 separate widgets. It would help you reduce the amount of divs elementor is creating for your layout.
Also for the hero section, that second column content could have been replaced by a single widget - the cta.
It's all about optimizing the size and structure of your layouts and final code.
This is a good point. The reason why I do this is because when I'm in the middle of development I use copy and paste a lot of the time. Then it's kind of frustrating if you can't copy and paste styles for individual widgets. But this is a good practice when the project is finished to optimize the speed. Thank you.
heyy it's amazing how you go trought this, you've got a amazing idea !! it would be intersting if you could do some tutorial about landing page for woocommerce with 3D effect with the product for example! If You know what I mean !!
this is amazing thank you so much for content bro
please give me provide figma and resources img which used in this video
What's the size difference for the web load speed when using the video from file library and RUclips? Since, I know RUclips does some compressions and thought it might be better to use YT videos
Really depends on the video you upload. For most big videos RUclips is better.
@@rinodeboer Noted! - Thank you, buddy!
What I've also found so useful is doing a conversions into .webm + a compression to help it fit the fast loading speed
No problem! You mean webp?
@@rinodeboer No, no, sir. It's the .webm - it's a web video format. I've also just found out about it and it works like charm!
Oh amazing. Didn't know this. Thank you.
Ik open deze video en zie opeens een bekend gezicht ‘HoeGaatDat’ was dat toch? Wat een goede oude tijd
Great design 👍👌
Hello ! I have a question... How do you do to make the web responsive? When I design the website is different than when I watch the preview.
I mean, the picture or text some times move a little, do you understand me?
HI Rinno, Which wordpress theme do you use most of the time?
It helps me a lot..... Thank you
Just one question, how to use svg logo on the website, because I guess Wordpress doesn’t support svg logos.
How do you get that crisp product pictures tho?
Very Helpful Sir !
Hey Rino amazing content. Can you explain on how to build both desktop and mobile responsive websites in elementor. Cause the design changes when we view on mobile, and how to correct it, So we get the same design experience on both platforms
you need to responsive it clicking responsive bar from the editing panel
Gaining Insight Into Organization and Creativity Through Webdesign.
Hi Rino, I like your lates email, you are 100 % right , don't try to be perfect, find time for relax and friends, that's what's important, stay safe brother !
I'm also a web developer and designer but currently working on Upwork. Can you tell us how you get your clients?
Great tutorial. But as a Web Designer I think custom positioning is not good for responsive. You can just use -margin for the image to move it.
If I do it the container expands instead of overlapping
using absolute? How will the website look on mobile!?
Bro do you share some sample website link that contains this type of videos inserted?
How did you design the header please
How to have this header with a video hero bg? Help!