Create a Auto Sliding/Scrolling Text Effect in Elementor | Marquee in Elementor

  Рет қаралды 133,948

Make Dream Website

Make Dream Website

Күн бұрын

Пікірлер: 313
@ysg-os9915
@ysg-os9915 Жыл бұрын
If the text display out of the screen: Select container > Layout > Additional Options > Overflow > Hidden
@lucrativedreamz
@lucrativedreamz 5 ай бұрын
You're a legend bro
@organicgrowthexpertrohit
@organicgrowthexpertrohit 4 ай бұрын
In case you are unable to find an additional option Paste this html, body { overflow-x: hidden; }
@growwithumer1253
@growwithumer1253 2 ай бұрын
Thanks
@Piyush-ne2jy
@Piyush-ne2jy Ай бұрын
Working
@artkarapetov5712
@artkarapetov5712 2 жыл бұрын
Dude your tutorials are awesome. I bought a few templates from you to support the channel. Keep it up bro
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Thanks a ton! For your support ❤️
@nicolenixxon
@nicolenixxon 2 жыл бұрын
I like how thorough your WordPress design course was. I also learned how smart it was to use the Elementor add-on ElementsReady to improve my WordPress design job. I was able to build a website with a polished appearance using the extensive selection of pre-designed elements and themes it provided while also saving a ton of time and work.
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Awesome! Glad you like them!
@Macarowni
@Macarowni Жыл бұрын
Is there a way to find out where the flexbox tutorial is. I cannot purchase the template to find it there. The current code in the youtube video doesn't work in flexbox unfortunately. Can you help me out?
@hollypc2068
@hollypc2068 5 ай бұрын
I dont have sections, I added a container and it not working
@kondetistephenraj
@kondetistephenraj Жыл бұрын
How to build this on containers instead of using inner sections?
@allisonkessler17
@allisonkessler17 Жыл бұрын
This tutorial was fantastic, exactly what I needed!
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Thank you!
@qadardanwrites5500
@qadardanwrites5500 Жыл бұрын
But it doesn't work for mobile
@allisonkessler17
@allisonkessler17 Жыл бұрын
@@qadardanwrites5500 I believe mine worked for mobile...
@hkilife6328
@hkilife6328 Жыл бұрын
@@MakeDreamWebsite what about mobile responsive adjustment ?
@michaellengner7605
@michaellengner7605 Жыл бұрын
Hi Jitu, nice video and a great effect! Using all settings you described I think it is not working responsive, because the scrolling text is too wide...? Have you got an ides to fix this?
@akshitmarwaha6857
@akshitmarwaha6857 4 ай бұрын
this is absolutly amazing content seriously. Thanks a lot
@MakeDreamWebsite
@MakeDreamWebsite 4 ай бұрын
You’re welcome!
@Wares_hashimi
@Wares_hashimi 6 ай бұрын
Hey bro, your totoril is very nice. Just tell me this css is which type of the css? because I did not see it anywhere
@MakeDreamWebsite
@MakeDreamWebsite 6 ай бұрын
Thank you! That's actually CSS variable which can be utilised for more user friendly code.
@Website-Developer
@Website-Developer 2 жыл бұрын
I was having an issue where the heading was extending past the page. I had to hide the "Overflow" of the inner section.
@deanbishop7682
@deanbishop7682 2 жыл бұрын
How did you do this I’m having the same issue :/
@Website-Developer
@Website-Developer 2 жыл бұрын
@@deanbishop7682 Under your Inner Section>>Layout>>Overflow change to "Hidden"
@kristenevans6724
@kristenevans6724 2 жыл бұрын
Love this! Thank you so much. I'm having a problem though where the code is increasing the width of my website by a lot. Any ideas on how to fix this?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Go to that section setting and make the overflow hidden.
@kristenevans6724
@kristenevans6724 2 жыл бұрын
@@MakeDreamWebsite Worked perfectly! THANK YOU!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
@@kristenevans6724 Welcome
@simonmadsen2715
@simonmadsen2715 2 жыл бұрын
@@MakeDreamWebsite OMG I have been struggling with it for almost 1 hour. (Always check the comment🤣) Thank you!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
@@simonmadsen2715 Welcome! I recently write a community post about comments.
@franktielemans6624
@franktielemans6624 Жыл бұрын
Fantastic. I guess this also works with dynamic text? I want to use this on a post title in a post loop item. So when in normal state you see the post image (featured image) and on hover the marque text with the post title appears. Is that possible?
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
You can make the normal title to dynamic title from the dynamic tags option of the heading widget.
@franktielemans6624
@franktielemans6624 Жыл бұрын
​@@MakeDreamWebsite I'm trying this idea. I want a grid loop with projects and I want to show the marque text on hover. Post titles can be any length, so a marque text can be a good creative option to deal with this. I want two marque texts, one with the post title and a second with the post terms. I'm able to build this with dynamic content in a loop item but I'm running into a problem when I try use that loop-item template in a grid loop. First I can't place the HTML inside the loop-item because the code will be duplicated over and over again with each new post. So I decided to place the HTML in the single post template just before the loop-grid widget. This creates problems though. Somehow the image got stretched and I don't see the marque texts show up on hover on hover. The elementor editor got so laggy that I almost can't load, edit or save my single post template. I think It's related to this CSS rule .sliding-text .elementor-widget{ overflow: hidden; width: 10000vw !important; max-width: 10000vw !important; } When I change 10000vw into 100vw the post-image is normal size and not stretched anymore, but the marque text isn't correct. I tried it with the post-image as a background-image but that stretches the image. I also it with the post image in an image widget, positioned absolute with the marque texts on top, but that didn't work either. Do you know why this happens? EDIT: I'm making progress... You have to place the code AFTER the loop-grid instead of before but that didn't solve all problems. My loop grid also has a taxonomy filter and when I use the filter the marque text is not displayed again. That's something I cant solve. The loopgrid also expands all the way the right of the screen for some reason, no matter what the width of the parent container is. I had to set the loop-container to overflow hidden with custom CSS: selector .elementor-loop-container { overflow: hidden } EDIT(2): I also found out that you can't make the loop-item parent container 100% wide. You have to make it 100vw wide. That way you can put the post image in the background, no need to use an image widget and set it to position absolute. When you use an image widget in the loop item, you have to set the width and max-width to 100vw instead of 100% So at end I could make it work, except the issue when you connect the loop grid with a taxonomy filter.
@silsieirab
@silsieirab 2 жыл бұрын
Thank you so much!! I tested it with the flexbox container as commented below and it works perfectly.
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Great job!
@melindathornton
@melindathornton Жыл бұрын
This worked great on desktop. But, mobile for me is not working right. The screen is wide - like you can scroll horizontally on mobile. If you scroll to the left, the website ends and it is just white background. I tried to hide the overflow for that section, but that affects many other things on the page. I do not have a solution. I removed it from the website for now. Help?
@brebre22310
@brebre22310 Жыл бұрын
I'm having the same issue were you able to fix it?
@MT-wt9re
@MT-wt9re Жыл бұрын
@@brebre22310 No. I never received a response. And, I never could get it to work. ☹️
@brebre22310
@brebre22310 Жыл бұрын
@MT-wt9re Same. I just downloaded a text marquee plug in instead.
@melindathornton
@melindathornton Жыл бұрын
@@brebre22310 Good idea. Which one did you choose to use? Let me know if it works well and I will use it too!
@brebre22310
@brebre22310 Жыл бұрын
@melindathornton I used the Qi Add-ons for elementor plug in It's free. And very easy to use, the only that sucks is you can't adjust the speed unless you mess with the css of the widget. But it's easy and works well
@InvestWithGirish
@InvestWithGirish 2 жыл бұрын
Can you link it with scrolling? Means only moving text while scrolling
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You need to modify the css and add some add JavaScript for that
@InvestWithGirish
@InvestWithGirish 2 жыл бұрын
@@MakeDreamWebsite How please tell me You have a great mind to do that.
@skycarrot8954
@skycarrot8954 2 жыл бұрын
Hello, I've followed your tutorial and it works the way I wanted but if I would like to rotate it upward a bit, where do I change the rotation angle in the codes?
@eduardofernandesweb6492
@eduardofernandesweb6492 2 жыл бұрын
.class{ transform: rotate(-11deg); }
@vvv.123
@vvv.123 2 жыл бұрын
Hi, thank you for the tutorial. I have an issue with the code - The scrolling text works great, but It disables all the other js effects on the page, like entrance animation etc... Any ideas?
@PraiseArtDesigns
@PraiseArtDesigns 11 ай бұрын
Has there been a solution to this?
@AD-vx7vn
@AD-vx7vn 2 жыл бұрын
On pc the design is good but on mobile view its has brought all the extra height and width. Please help.
@HugoFireWar
@HugoFireWar Жыл бұрын
I need help. Scrolling works perfectly on PC, but on mobile every time I scroll a little, the text returns to the beginning.
@TheBrandingWitch
@TheBrandingWitch Жыл бұрын
Is there an update to do this now that everything is containers?
@ashywhy8089
@ashywhy8089 2 жыл бұрын
Hello, this tutorial has helped greatly, i was just wondering if it is possible to have both the filled text and stroke text on the same line. Fore example that you'll have filled text first and then when it repeats its the stroke text and then that all over again. Is that possible?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Yes it's possible if you wrap that specific part of the text inside a html span tag and make that stroke with custom css...
@ashywhy8089
@ashywhy8089 2 жыл бұрын
@@MakeDreamWebsite I see thank you!
2 жыл бұрын
Hi, thanks for this great video. However, it is not working when flexbox container is active in Elementor. Can you maybe create another video for it? Thanks!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
I have a plan for that! Or I can provide a template of the container version in the description later.
2 жыл бұрын
@@MakeDreamWebsite Hey, I managed to make it work by just reordering the layers. The HTML layer is going above the inner container and then it starts sliding. Thank you again!
@DataZoro
@DataZoro 2 жыл бұрын
@ can tou help me to setup this container
2 жыл бұрын
@@DataZoro it is easy, just go by the video, instead of inner section use another container and when it places HTML widget at the bottom you place it at the top.
@ShiveshMishra-z2o
@ShiveshMishra-z2o Ай бұрын
thanks bro its working
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
You're welcome!
@ruanmata9406
@ruanmata9406 2 жыл бұрын
Great video, bro! U saved my life
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Thank you brother! But no one can save anyone's life except Allah!
@lisateawhitu1554
@lisateawhitu1554 2 жыл бұрын
Hey, great tutorial, easy to follow :) I'm using Flexbox and struggling to get the second line flip up and reverse the direction. I noticed the comment about switching the HTML widget around, but it didn't seem to fix it. Do you have any fixes for the most recent versions of Elementor?
@MatheusZoti
@MatheusZoti 2 жыл бұрын
I'm struggling with the same problem
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
I'll soon make a container version of it and added as readymade template...
@baptistedebels8987
@baptistedebels8987 2 жыл бұрын
@@MakeDreamWebsite Hi ! thanks a lot for this tutorial, do you think to make it for flex container ? :)
@natalielinke2328
@natalielinke2328 3 жыл бұрын
Hi, thanks for the great video. This is exactly what I was looking for! I only have one question: I don't want the text to run across the full width, but in a boxed inner section. Now the text starts in the right place on the left, but goes all the way to the right side of the page. Can you tell me how to change this? Thank you very much & best regards Natalie
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
For this you need to go to the Inner section > Content (tab) > Overflow: hidden. That's it.
@natalielinke2328
@natalielinke2328 3 жыл бұрын
@@MakeDreamWebsite It works perfectly. Thanks for your great tips!
@amkmammu9705
@amkmammu9705 8 ай бұрын
OMG!! Its working AARRGGGG!!! THANK YOU!!! ⭐🥰
@MakeDreamWebsite
@MakeDreamWebsite 8 ай бұрын
You're welcome!
@anon5521
@anon5521 3 жыл бұрын
Hi, thanks for the great tutorial. Is this meant to work on mobile? i've tested it and on desktop with no issues but not having any luck on mobile
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
Yes, it's working also on mobile
@landmarkwebdesign
@landmarkwebdesign 2 жыл бұрын
Oh I LOVE this one!!!!!!!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Thanks a ton!
@InFoBoYY
@InFoBoYY 3 жыл бұрын
hi sir if i want to slide columns or images like you have done in the text is this similar code can be used it it or it will have different code for it .
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
Yes! That would be different. I also have a plan to make video about that.
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Here is the updated version with images: kzbin.info/www/bejne/n2G2opaMosx_rqM
@bySterling
@bySterling 2 жыл бұрын
Amazing! I’ll try it out today!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Sure!
@Nilrsy
@Nilrsy 2 жыл бұрын
Such a great video I've ever seen. Thank for this. I got one problem horizontal scrolling, I don't need it how to create it without horizontal moving?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Here is an line with "animation" in the CSS, you can delete that line
@Sheisdanielafernandez
@Sheisdanielafernandez Жыл бұрын
amazing! thank u a lot
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
My pleasure!
@nallebjorn.
@nallebjorn. 2 жыл бұрын
For some reason my custom font for this doesn't show for other people, I see it, but visitors to my site. Any solution for this? Great video, thank you!
@andip93
@andip93 Жыл бұрын
Hi, I would like to have the text visible only once, it should not repeat and only run within a section that is not full width.
@orayanvlogs1108
@orayanvlogs1108 Жыл бұрын
Hi sir i want to know Should i mark the animated text as h1, span, div or h2 please help🙏. Thanks for your videos following you from 2 years and subscribed your channel. Thanks for helping out in advance.
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Yes you can
@orayanvlogs1108
@orayanvlogs1108 Жыл бұрын
@@MakeDreamWebsite let me know what should i mark the text. actually i created three lines of animated text and added as background text and added one simple text other then 3 text animated text as h1 as the outer text. Thanks for quick reply you are awesome🙏
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
If you use them as just background text and don't want to emphasize it for SEO, then instead of h1 you can set span tag
@orayanvlogs1108
@orayanvlogs1108 Жыл бұрын
@@MakeDreamWebsite when using span the text get inverted can i use p tag
@orayanvlogs1108
@orayanvlogs1108 Жыл бұрын
@@MakeDreamWebsite Sir, what should i do please help🙏🙏🙏🙏🙏🙏🙏.
@hiury.oliveira_
@hiury.oliveira_ 24 күн бұрын
Hello, everyone! Where is the code we can paste?
@yushinlee6698
@yushinlee6698 Жыл бұрын
I never regret to subscribe this channel earlier, all the tutorials are working properly until 1 year after. but this time i don`t know why i can`t follow the tutorial starting from putting the container as a background. I think it is covered by the other container that a want to overlap since the moving text just disappears when I put the code " selector{ height: 0; } "
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
As this one is a old video, it made it for section/column.. I'm not sure it'll also work for the new container though. Thank you for your great comments BTW!
@vedikkaagarwal
@vedikkaagarwal 11 ай бұрын
thank you!!! you saved me haha
@sotnasdesign
@sotnasdesign Жыл бұрын
Hi, reverse class dont work for me. Text appear upside down
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
You can email me
@sotnasdesign
@sotnasdesign Жыл бұрын
what email to?
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
@@sotnasdesign contact@makedreamwebsite.com
@Enomyx
@Enomyx 2 жыл бұрын
Hello, I hope you can help me. It is working in the Elementor builder, but not on the site itself. I tried out pretty much everything that came to my mind but nothing has fixed it. Do you know why this could be happening?
@lisajuarez6772
@lisajuarez6772 2 жыл бұрын
Hi, thank you, this is what I was looking for! However, I have an issue with the code. It did not repeat the word like yours and it created a large space on the top and bottom of the word making the section look very long. Can you help me?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You can email me your page link
@kaiserobaldia1426
@kaiserobaldia1426 2 жыл бұрын
Really great video, I appreciate it very much. Just out of curiosity (I'm a coding newbie), and I would like to know why the html widget with the script doesn't work before the inner section, but if it is placed after the inner section it does work?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
That may cause for many reasons. One reason may be, the DOM element can be properly identified in the code when we put the content first and then put the code.
@katiemartin9254
@katiemartin9254 2 жыл бұрын
Hi there, Thank you for a great video! Is there code available to make it not extend the screen and make it overflow?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
If it goes outside of the screen an make the website wide, you can make the section's overflow hidden.
@federicopoliti7538
@federicopoliti7538 Жыл бұрын
Hi, when I publish the page Elementor changes the html code by deleting the string and making all the code appear on the page. How can I do?
@danconoveramz
@danconoveramz 2 жыл бұрын
my second stroke text is flipped upside down, any reason why, also its not going diffrent direction
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You can email me your page link
@tasvinderaulakh4062
@tasvinderaulakh4062 2 жыл бұрын
can you do a tutorial for the same marquee effect when scrolling?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Noted!
@JabranAziz-t7x
@JabranAziz-t7x Жыл бұрын
I do not see the HTML code in your description, Can you please help?
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
You can see the link of the code there...
@oluwabusuyijoshua2129
@oluwabusuyijoshua2129 Жыл бұрын
@@MakeDreamWebsite please can you show me the code for where to get it
@anasbinzia8066
@anasbinzia8066 2 жыл бұрын
Can it work same for the images? instead of text
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Yes, you can follow this video: kzbin.info/www/bejne/n2G2opaMosx_rqM
@gianlucagrazi4717
@gianlucagrazi4717 2 жыл бұрын
It does seem not to be working with the new elementor container. Did anbody try?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
@SamsonAdeyemi
@SamsonAdeyemi 2 жыл бұрын
can we use this for images too?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
No, it's for text only...
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Here is the image version of this tutorial kzbin.info/www/bejne/n2G2opaMosx_rqM
@isabelaabreu332
@isabelaabreu332 2 жыл бұрын
Hi! works very well, but mine is loading...i mean when the words ending they starts all over but its have a small delay...can you please help me?
@ITC2011AND12
@ITC2011AND12 2 жыл бұрын
Hi there, I am trying to have this text "Creative Direction / Branding / Web design / Pitch design / Art Direction / Illustrations / Photography / Videomaking" very big sliding on the homepage of my site, but I don't know how to have it overflowing horizontally, now the words are stucked up on top of each others. Could you help please?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You can email me your page link
@felixvortex9
@felixvortex9 3 жыл бұрын
You're a great teacher, thanks for the video
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
You're very welcome!
@liambonar7849
@liambonar7849 2 жыл бұрын
This is brilliant, thank you
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Thank you too!
@Hellosoyanmar
@Hellosoyanmar 2 жыл бұрын
Hello!!! thanks sooo much for the video, very good explanation it helped me a lot
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
you're welcome! Glad to hear that!
@oramiart138
@oramiart138 Жыл бұрын
Hi, Thanks for your tutorial it's great! I can't find the html code to paste. Thank you
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
You can find the link in the description...
@oramiart138
@oramiart138 Жыл бұрын
@@MakeDreamWebsite Thanks, I hadn't seen it
@darius55508
@darius55508 3 жыл бұрын
WOW 👍 thx for this video ! very good
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
Thank you too!
@leopalmaro5412
@leopalmaro5412 2 жыл бұрын
Why do you use CSS to control the speed? Can't you change the speed at the top of the HTML code?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
If you write it from that custom CSS field, you can control the speed independently for each heading... which will be complex if you want to achieve it by writing it in the HTML widget...
@LearnIlmEveryday
@LearnIlmEveryday Жыл бұрын
Lovely😍
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Thank you!
@2tartelette
@2tartelette 3 жыл бұрын
Great! thanks a lot fot this code. I want to use this with hover effet. How to use this if I want to start slidinf after hover some section?
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
You need to modify the JavaScript code for that!
@2tartelette
@2tartelette 3 жыл бұрын
@@MakeDreamWebsite unfortunelty I am freshmen in Elementor ;-( I don't know Java...
@rosariorizzo7263
@rosariorizzo7263 2 жыл бұрын
hi, when I publish what I did thanks to this video it gives me the 403 error. how can i solve? thank you so much for your videos!
@michaelhirt3915
@michaelhirt3915 2 жыл бұрын
What i have to do if i have the flexbox activated. the code doesnt work now
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Okay, I'll add a an additional container version of this effect soon!
@michaelhirt3915
@michaelhirt3915 2 жыл бұрын
@@MakeDreamWebsite yes pls
@fatmankulinerbali5566
@fatmankulinerbali5566 2 жыл бұрын
Thanks for the tutorial but this has made my website really really wide with loads of white space. I try From the section settings make the overflow to hidden but its not fix the issue, can you help me ?
@NimaTable-pj1qh
@NimaTable-pj1qh 2 жыл бұрын
but the background is not stable, move right and left
@orayanvlogs1108
@orayanvlogs1108 Жыл бұрын
Should i mark this as h1, span, div or h2 please someone help.🙏
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Yes you can
@fabiviola6487
@fabiviola6487 3 жыл бұрын
Hi great video and just what i was looking for, I'm having an issue with the 2nd text line moving the opposite way, it turned upside down same as your video but then after refresh and previewing its still upside and doesnt move, not sure what I'm doing wrong and have tried to turn of any optimisations and caching but didnt solve the issue, 1 line looks great but 2 lines look even better :)
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
You can email me your page link. So, I can figure out that problem
@DidierAlvarado
@DidierAlvarado Жыл бұрын
Make with Container?
@chrisoliver2019
@chrisoliver2019 2 жыл бұрын
Hey I know I'm 1 year late on this video, but what if you want to add some images to your sliding text. Is there a way of doing that?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Not in this way, you have to follow different approach (layout and code snippet) for that...
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Here is an updated version where you can use images or anything you want kzbin.info/www/bejne/n2G2opaMosx_rqM
@chrisoliver2019
@chrisoliver2019 2 жыл бұрын
@@MakeDreamWebsite hey thanks! Funny thing is that I already saw your video once you posted it. I’ve been subscribed to your channel for a while now so I can learn new techniques when your notifications come up!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
@@chrisoliver2019 ​ Haha.. glad to know that! 😇
@irugal8964
@irugal8964 9 ай бұрын
work like charm, pepole who worries about that inner section just add a container
@oluwabusuyijoshua2129
@oluwabusuyijoshua2129 Жыл бұрын
Where did you get all that code you input
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
You can get the code snippet link in the video description
@onursayn5517
@onursayn5517 2 жыл бұрын
Hi, it's glitching on Safari browsers but not on Android. When you scroll up on Safari it's repeating itself continuously until you stop scrolling. When you stop scrolling and not doing anything, it's working well. Basically, it doesn't work good when you scroll up and the address bar below appears. Do you know the solution? if so could you help me bro
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Is it working well for other browers/devices?
@onursayn5517
@onursayn5517 2 жыл бұрын
@@MakeDreamWebsite yes it's working good on pc and android. The problem is only for Safari browser, I can send you a 5 sec short video via email if u wanna check out
@kellyquinteroba
@kellyquinteroba Жыл бұрын
Thanks! excellent tutorial +1subs
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Awesome, thank you!
@Tektymes
@Tektymes Жыл бұрын
@MakeDreamWebsite i want to create an automatic scrolling images from Left to Right, in Elementor,cn u help me ?
@huguessemeillon4881
@huguessemeillon4881 2 жыл бұрын
BIG THANKS 👍🏼
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You're very welcome
@AmmarHamza94
@AmmarHamza94 2 жыл бұрын
Hey! Where is the code you pasted in html widget?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
The code snippet link is in the description...
@sgvenomop9197
@sgvenomop9197 Жыл бұрын
Sir where is the code?? There is no code in the description...
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Actually there is no code but there you can find a link for the codes
@zakariafaraj1056
@zakariafaraj1056 Жыл бұрын
Thanks a lot Brother
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
You're welcome!
@krishana1387
@krishana1387 Жыл бұрын
Its not responsive, if we add this code, after that in mobile view side section have some problems ( menu bar )
@katjaaldi
@katjaaldi Жыл бұрын
I solved this problem with the container settings > layout > advanced settings > overflow hidden instead of default
@NurulHuda-yg3mt
@NurulHuda-yg3mt 2 жыл бұрын
Brother I can't access your website when I clicked on your site link it not opening
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You can try again now! I think the server was down then...
@NurulHuda-yg3mt
@NurulHuda-yg3mt 2 жыл бұрын
@@MakeDreamWebsite it still showing the same brother Would you kindly give me the code please I need this for a project I would be thankful
@DKingFisher
@DKingFisher Жыл бұрын
There's a HUGE sidescroll on mobile device though. I used text block instead of title.
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
You can make your section/container's overflow hidden! It should work!
@jonas8085
@jonas8085 2 жыл бұрын
Hi why is my page getting to wide? How can I fix that in the code?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
From the section settings make its overflow hidden
@jonas8085
@jonas8085 2 жыл бұрын
@@MakeDreamWebsite Thanks! But now it wont show the 2nd text slider, the one with border text
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You can email me your page link
@DataZoro
@DataZoro 2 жыл бұрын
can you help me to set up this in elementor container
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
@ishikapapneja96
@ishikapapneja96 Жыл бұрын
Does this code work only on elementor pro?
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
As there is custom CSS needed so Elementor Pro is also required. But, if there is any plugin you find that supports to write custom CSS for each widgets then, it's also possible with Free version too..
@denkeli
@denkeli 2 жыл бұрын
Hi, your website is not working so i can't access the code. Is there any other way to copy it? Thanks!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
you can try now! May be the server was down then.
@nodiranimojumder5942
@nodiranimojumder5942 Жыл бұрын
This code is not working with Elementor Container , can you please update the code ?
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Okay, I'll update it very soon
@maroofali1173
@maroofali1173 Жыл бұрын
When I using the same procedure second time nothing is happening Note :-All the step that you follows I followed the same
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
Do you have flexbox container?
@maroofali1173
@maroofali1173 Жыл бұрын
​@@MakeDreamWebsiteyes
@maroofali1173
@maroofali1173 Жыл бұрын
​@@MakeDreamWebsitei have pro version of elementor
@MakeDreamWebsite
@MakeDreamWebsite Жыл бұрын
@@maroofali1173 As it's an old video when flexbox was not invented. So, it's working with section/column. I'll try to optimize the code snippet so it will also work with the new container version...
@maroofali1173
@maroofali1173 Жыл бұрын
​@@MakeDreamWebsitethanks it's work 😊😊😊😊
@elisalacicerchia1727
@elisalacicerchia1727 3 жыл бұрын
Hi, tanks a lot for the great video! Anyway, I'm facing some issues on tablet and mobile version: the text duplicate itself in 3 or 4 rows more...I followed the tutorial step by step so I can't figure out why this happens...anyone with the same problem?
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
You can email me that webpage link so I can find out that problem
@elisalacicerchia1727
@elisalacicerchia1727 3 жыл бұрын
@@MakeDreamWebsite where can I find your email?
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
@@elisalacicerchia1727 I just got your mail and give you a solution for that issue. Hope everything is working well now!
@AxasTheReal
@AxasTheReal 2 жыл бұрын
@@MakeDreamWebsite hey i have the same Problem, can you provide me the solution too pls. :)
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Can you email me the page link?
@jh_chen
@jh_chen 2 жыл бұрын
I did the same but I don't get that effect...
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
@nomanhabib4896
@nomanhabib4896 2 жыл бұрын
Awesome! Very useful video. Can you guide what if we want to scroll Image as well? Meaning your heading + Images in a same line?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
You can watch this one: kzbin.info/www/bejne/n2G2opaMosx_rqM
@wordpressexpert175
@wordpressexpert175 3 жыл бұрын
Thank you very much for sharing us. we are waiting for your course..I want to learn how to develop plugin and custom design Like your video. This is very helpful for us because you do not use any plugin. You always design custom. Not using plugin.Thanks bro.
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
You are most welcome. I'll make that soon...
@watch1871
@watch1871 2 жыл бұрын
Hey dude can I do the same in boxed section
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Yes, you can
@olanrewajuoluwadunmininu5644
@olanrewajuoluwadunmininu5644 3 жыл бұрын
Good Tutorial. Thank you and Let me use this to remind you of The Element or Plugin Development Tutorial or Course that you promise to Make.
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
You're very welcome! Nobody was commented on that video to make a course on Custom Widget Development. So, I though nobody was interested. As you said, I'll started to make that course soon 😀
@mohdsohail7193
@mohdsohail7193 3 жыл бұрын
@@MakeDreamWebsite Hey, Thank you for everything that you are teaching us. Yes, we are waiting for your course and we are very much interested.
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
Thank you.. I'll start creating that very soon.
@chanellegarrow
@chanellegarrow 2 жыл бұрын
Where is the code? I dont see it in the description
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
It's the 3rd link
@anuragkarthik.p5438
@anuragkarthik.p5438 3 жыл бұрын
Hello, First of all, a big thanks for this video, next I am getting 2 lines of text I place in mobile mode. Pls help me with that.
@MakeDreamWebsite
@MakeDreamWebsite 3 жыл бұрын
At line no 10,11 you f the code snippet, instead of 1000vw make it 10000vw
@istanbulmodel7368
@istanbulmodel7368 2 жыл бұрын
Hi is there any solution that conflicted with theme js files
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Can you please email me your page link
@PullOverItsDaPopo
@PullOverItsDaPopo 2 жыл бұрын
What if I don't want the text to repeat itself?
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
In that case, it's not working with this procedure. You can use HTML marquee tag instead.
@vandehugobomfim
@vandehugobomfim 2 жыл бұрын
Thanks!
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
Welcome
@anticmark3614
@anticmark3614 2 жыл бұрын
Thanks for the tutorial but this has made my website really really wide with loads of white space.
@MakeDreamWebsite
@MakeDreamWebsite 2 жыл бұрын
From the section settings make the overflow to hidden.
@anticmark3614
@anticmark3614 2 жыл бұрын
@@MakeDreamWebsite That's sorted it. Thanks!
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН
Enceinte et en Bazard: Les Chroniques du Nettoyage ! 🚽✨
00:21
Two More French
Рет қаралды 42 МЛН
So Cute 🥰 who is better?
00:15
dednahype
Рет қаралды 19 МЛН
Auto Scrolling Text in Elementor (Infinite Marquee Effect)
6:31
Wicky Design
Рет қаралды 35 М.
СРОЧНО: OpenAI выпускает O3-mini БЕЗ ПРЕДУПРЕЖДЕНИЯ! 😱 НА 24% БЫСТРЕЕ И БЕСПЛАТНО!
9:14
информация искусственного интеллектa
Рет қаралды 4,7 М.
Glass Effect in Elementor | Glassmorphism 🔥
16:16
Jim Fahad Digital
Рет қаралды 103 М.
AI Is Making You An Illiterate Programmer
27:22
ThePrimeTime
Рет қаралды 222 М.
Turn anything into a SLIDER in Elementor (No Plugin)
18:00
Jim Fahad Digital
Рет қаралды 349 М.
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН