Brother I'm a very big fan of yours, In this field where everyone is just making normal and simple sites, you're making this type of creative things with WordPress, Hats off!!You and Jim Fahad are gem of Wordpress community of bangladesh. And most of the people don't even know about you in our country(I'm from BD btw)instead of talented people like you they follow typical "freelancers" and cheap TH-camrs (iykyk). Bro I also wanna learn Wordpress like you although I'm a frontend developer and learning fullstack development I made a couple of wordpress websites also still I think I have so many things to learn from you. How can I connect with you?
Glad to see your interest to learn. You can learn basics of WordPress from so many online resources. That would not be too difficult for you as you are a programmer already. The thing you need to do is practising and understanding WordPress from the core (theme, plugin development etc...) and also implement codes to cross the limitation of WordPress. That will not only help you to make this kind of animation/effect but also make you a real WordPress expert to stand out from others.
I learned so much from you, thank you for that! Could you also make a tutorial on how to make magnetic buttons in Elementor? You see that a lot in Webflow for example..
If you look closely you can see I have duplicated the inner most container (3rd level container). The 3rd level containers (which I duplicate first) are for the background headings and I have also duplicated some other 3rd level containers they are for the corresponding image and texts…
@@MakeDreamWebsite YES it worked thank you soooo much!💜 any tips for how to add a container as a sort of 'intro container' before sliding down to the carousel bit??
Can you please let me know only for slider navigation show only on hover with like follow the mouse cursor and show in 50% of left side width and same for right
You can see I've done some work with the arrows for mobile devices. So, in your case you need to do it from the desktop. And also inside the css code you can see some lines where I added media query for 767px device width. You need to also remove that media query line.
Hello great video I do all the steps. The first image is showing properly but when i change click next image are not showing like this it's showing full width and not showing behind heading can you help me.Thank you
follow all the steps and it's work perfectly but there's a little problem when i move my mouse right side the curser direction show left how could i fix this >???
I am also facing the same issue, check class names and even replaced the right icon twice, still instead of right it's showing left. I'll once again try the steps on another site and check.
Yeah actually don't give him login details as they never show up. Just go to your inspect element and then find the container where all these elements are present and then copy the class id of the same container and add custom css to the main container in the elementor and make its overflow to hidden. @@riisras1
Yes, you may not see all the images from preview. But, on the live page it works fine. On the preview page, you can edit the images by using the navigator panel like I shown.
Hey man, can any sort of style be achieved through free version of elementor if I add custom code through html widget? I see a lot of beautiful websites built with webflow & framer. Can I make same sort of websites with elementor?
@@arpitshrmah if you copy paste the code snippet inside an html widget in some cases it may work but I think for most of the cases it causes issues or not working properly. If you have basic knowledge about html css js, at least you know where to edit to make the code work. Another problem with this copy paste approach is you can not change your content easily from Elementor options, you need to edit each and everything from inside that html widget!
@@arpitshrmah Unfortunately, there is no strait-forward way to make this type of website just by copy pasting the code. It can only be possible when you are a good web developer and you know how/where to place the code and do it very carefully!
@@MakeDreamWebsite Is it enough to learn the basics of html, css & javascript, specially while building through elementor? I want to just be able to edit the code & troubleshoot if something's not working. Rest, I can get the code in almost all cases.
Hello, thank you for your reply ! I did fix the arrows problem with rotating one of them, but on mobile the screen doesn’t take all the page, I don’t know why
Hey there, i am acing some issues with your template file, i purchased it and opened it in elementor but when i am editing the text it is not displaying properly and only half the screen is showing half the text, i want you to to resolve this issue completely or i want my refund back
Hi, can you please tell me which text is not showing properly? You can edit all the content if you right click anywhere on the page and open the Navigator panel. It's not technically possible to show everything on the edit page all the time as it is made up with custom code. As there is the Navigator panel and also on the actual live page it's working well, so I think minor thing is not a matter of concern. Hope you will also agree!
@@MakeDreamWebsite your design at times gets stuck and only half the text moves and also the moving arrow as there is only 1 arrow on the entire screen doesn't matter if you go left or right only the left side arrow is visible even in your video at 6:03 you have only edited 1 arrow and then you moved on to the responsiveness part. this was totally not expected even after purchasing the template
You're the best wordpress channel in TH-cam, you aport immense value. Thank you so much for your work.
You're very welcome!
Brother I'm a very big fan of yours, In this field where everyone is just making normal and simple sites, you're making this type of creative things with WordPress, Hats off!!You and Jim Fahad are gem of Wordpress community of bangladesh.
And most of the people don't even know about you in our country(I'm from BD btw)instead of talented people like you they follow typical "freelancers" and cheap TH-camrs (iykyk). Bro I also wanna learn Wordpress like you although I'm a frontend developer and learning fullstack development I made a couple of wordpress websites also still I think I have so many things to learn from you.
How can I connect with you?
Glad to see your interest to learn. You can learn basics of WordPress from so many online resources. That would not be too difficult for you as you are a programmer already. The thing you need to do is practising and understanding WordPress from the core (theme, plugin development etc...) and also implement codes to cross the limitation of WordPress. That will not only help you to make this kind of animation/effect but also make you a real WordPress expert to stand out from others.
@@MakeDreamWebsite Yeah absolutely! Thanks for a detail reply ❤
Can I connect with you personally?
I learned so much from you, thank you for that! Could you also make a tutorial on how to make magnetic buttons in Elementor? You see that a lot in Webflow for example..
Thank you for the recommendation...
Hi, I just purchased this and the headline doesn't move across like shown in the video, can you help?
Can you please email me. I’ll have a look
@@MakeDreamWebsite sounds good i just sent you a message on your website
Thank you very much for this tuto, it works perfectly :)
Thank you too for the awesome feedback!
please do also make a video on how to create a request-quotation form for B2B website
Thank you for the suggestion...
please also dont skipt that duplicatinng container parts clearly 9:32
came here to say this! that part was the most confusing. I need this to be explained more clearly by him!
or even just add a simple screenshot of the final navigation panel so we can see which containers sit inside which!
If you look closely you can see I have duplicated the inner most container (3rd level container). The 3rd level containers (which I duplicate first) are for the background headings and I have also duplicated some other 3rd level containers they are for the corresponding image and texts…
@@MakeDreamWebsite YES it worked thank you soooo much!💜 any tips for how to add a container as a sort of 'intro container' before sliding down to the carousel bit??
You can add it right before the 1st image
This is really cool video. What I found is, arrows in desktop responsive floats all over the page. Please rewrite the code or suggest some changes.
your vedio & Idea is really awesome ❤
Thank you so much!
@@MakeDreamWebsite how can i contact with you ?
@@MakeDreamWebsite how to contact with you ?
Can you please let me know only for slider navigation show only on hover with like follow the mouse cursor and show in 50% of left side width and same for right
brother when i am clicking on arrow the only first image shows i have change 3 images but frist image only showing
Can you please check you have done everything right and also put the class name properly?
Wow very nice tutorial, thanks ❤️❤️
You're welcome!
How can I get rid of the floating arrow and just use simple fixed left and right arrows? Just for desktop only.
You can see I've done some work with the arrows for mobile devices. So, in your case you need to do it from the desktop. And also inside the css code you can see some lines where I added media query for 767px device width. You need to also remove that media query line.
very very cool tutorial. would love a tutorial to just have this mouse prev / next part for normal carousels!
On mobile you can see the normal version. You can edit the code to get those prev next also on tab and desktop...
Dope!! How could i use keyboard for the arrows?
It won't work with keyboard. Actually that requires a little bit more code...
@@MakeDreamWebsiteDamn! would be very handy.
Hello great video
I do all the steps. The first image is showing properly but when i change click next image are not showing like this it's showing full width and not showing behind heading can you help me.Thank you
yes same problem
You will need to re-add the px value for each image's container. Same as the first one created
@@saraswat480 You will need to re-add the px value for each image's container. Same as the first one created
follow all the steps and it's work perfectly but there's a little problem when i move my mouse right side the curser direction show left how could i fix this >???
Can you please check everything you've done correctly? Specially the class names?
I am also facing the same issue, check class names and even replaced the right icon twice, still instead of right it's showing left. I'll once again try the steps on another site and check.
@@bhavikgandhi138 Can you please email me?
@@MakeDreamWebsite Sure, I'll share.
I'm facing the same problem... How to solve this please elaborate...
The arrows keep getting outside the section, I have already set the Overflow to Hidden but it is still going outside that particular section
You can email me your page link. I'll have a look
@@MakeDreamWebsite where I can find your email?
It's contact@makedreamwebsite.com
Did you guys figure out a solution for this?
Yeah actually don't give him login details as they never show up. Just go to your inspect element and then find the container where all these elements are present and then copy the class id of the same container and add custom css to the main container in the elementor and make its overflow to hidden.
@@riisras1
if you dont give it full toutorial please give it full toutorial....
first image is ok good but adding another images is not visible in preview
Yes, you may not see all the images from preview. But, on the live page it works fine. On the preview page, you can edit the images by using the navigator panel like I shown.
Would it work in spectra?
No, it only works on Elementor. But, if you have any developer, they can also build it for Spectra by following the similar code logic I did.
Thanks my friend
Hey man, can any sort of style be achieved through free version of elementor if I add custom code through html widget? I see a lot of beautiful websites built with webflow & framer. Can I make same sort of websites with elementor?
@@arpitshrmah if you copy paste the code snippet inside an html widget in some cases it may work but I think for most of the cases it causes issues or not working properly. If you have basic knowledge about html css js, at least you know where to edit to make the code work. Another problem with this copy paste approach is you can not change your content easily from Elementor options, you need to edit each and everything from inside that html widget!
@@MakeDreamWebsite What's the fix then?
@@arpitshrmah Unfortunately, there is no strait-forward way to make this type of website just by copy pasting the code. It can only be possible when you are a good web developer and you know how/where to place the code and do it very carefully!
@@MakeDreamWebsite Is it enough to learn the basics of html, css & javascript, specially while building through elementor? I want to just be able to edit the code & troubleshoot if something's not working. Rest, I can get the code in almost all cases.
Hi, I have a Problem with the arrows : there is only the left which appears. The right arrow doesn't appear :/
You can email me
Hello, thank you for your reply ! I did fix the arrows problem with rotating one of them, but on mobile the screen doesn’t take all the page, I don’t know why
Yes, I've reduced the height on mobile. So, I've removed all the min height 100vh values to 0. If you want you can remove these 0 values from mobile
Thank you I will try
It worked ! Thank you
Hey there, i am acing some issues with your template file, i purchased it and opened it in elementor but when i am editing the text it is not displaying properly and only half the screen is showing half the text, i want you to to resolve this issue completely or i want my refund back
Hi, can you please tell me which text is not showing properly? You can edit all the content if you right click anywhere on the page and open the Navigator panel. It's not technically possible to show everything on the edit page all the time as it is made up with custom code. As there is the Navigator panel and also on the actual live page it's working well, so I think minor thing is not a matter of concern. Hope you will also agree!
@@MakeDreamWebsite your design at times gets stuck and only half the text moves and also the moving arrow as there is only 1 arrow on the entire screen doesn't matter if you go left or right only the left side arrow is visible even in your video at 6:03 you have only edited 1 arrow and then you moved on to the responsiveness part. this was totally not expected even after purchasing the template
You can email me describing that issue. I’ll have a look on your page…
@@MakeDreamWebsite give me your mail and Instagram i will send you the images of all the issues that i am facing with your design
@@MakeDreamWebsite i have Mailed you all the issues that i am facing please reply asap
Bro I bought an item on the templatish site but I have still not received it in my email. I need it urgently
Okay, sorry about the technical issue. I'll resend it to you
Thank you very much broo
You’re welcome!
Can you make a video how we create product page like Balenciaga website?
Thank you for the suggestion
please make more videos like this for elementor free version
Yes, it's for elementor free and I'll also try to make for free version too...
WTF 😍 I hope you don't mind if I recreate this in Hindi Language
10
❤️❤️