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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ม.ค. 2025

ความคิดเห็น •

  • @ysg-os9915
    @ysg-os9915 ปีที่แล้ว +12

    If the text display out of the screen: Select container > Layout > Additional Options > Overflow > Hidden

    • @lucrativedreamz
      @lucrativedreamz 5 หลายเดือนก่อน +1

      You're a legend bro

    • @organicgrowthexpertrohit
      @organicgrowthexpertrohit 4 หลายเดือนก่อน +2

      In case you are unable to find an additional option
      Paste this
      html, body {
      overflow-x: hidden;
      }

    • @growwithumer1253
      @growwithumer1253 2 หลายเดือนก่อน +1

      Thanks

    • @Piyush-ne2jy
      @Piyush-ne2jy หลายเดือนก่อน

      Working

  • @artkarapetov5712
    @artkarapetov5712 2 ปีที่แล้ว +1

    Dude your tutorials are awesome. I bought a few templates from you to support the channel. Keep it up bro

  • @allisonkessler17
    @allisonkessler17 ปีที่แล้ว +4

    This tutorial was fantastic, exactly what I needed!

    • @MakeDreamWebsite
      @MakeDreamWebsite  ปีที่แล้ว

      Thank you!

    • @qadardanwrites5500
      @qadardanwrites5500 ปีที่แล้ว +2

      But it doesn't work for mobile

    • @allisonkessler17
      @allisonkessler17 ปีที่แล้ว

      @@qadardanwrites5500 I believe mine worked for mobile...

    • @hkilife6328
      @hkilife6328 ปีที่แล้ว

      @@MakeDreamWebsite what about mobile responsive adjustment ?

  • @nicolenixxon
    @nicolenixxon 2 ปีที่แล้ว +3

    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.

  • @hollypc2068
    @hollypc2068 5 หลายเดือนก่อน +4

    I dont have sections, I added a container and it not working

  • @kondetistephenraj
    @kondetistephenraj ปีที่แล้ว +4

    How to build this on containers instead of using inner sections?

  • @Macarowni
    @Macarowni ปีที่แล้ว +4

    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?

  • @akshitmarwaha6857
    @akshitmarwaha6857 3 หลายเดือนก่อน

    this is absolutly amazing content seriously. Thanks a lot

  • @TheBrandingWitch
    @TheBrandingWitch ปีที่แล้ว +1

    Is there an update to do this now that everything is containers?

  • @amkmammu9705
    @amkmammu9705 8 หลายเดือนก่อน +1

    OMG!! Its working AARRGGGG!!! THANK YOU!!! ⭐🥰

  • @silsieirab
    @silsieirab 2 ปีที่แล้ว

    Thank you so much!! I tested it with the flexbox container as commented below and it works perfectly.

  • @ShiveshMishra-z2o
    @ShiveshMishra-z2o หลายเดือนก่อน

    thanks bro its working

  • @AD-vx7vn
    @AD-vx7vn 2 ปีที่แล้ว +1

    On pc the design is good but on mobile view its has brought all the extra height and width. Please help.

  • @bySterling
    @bySterling 2 ปีที่แล้ว

    Amazing! I’ll try it out today!

  • @landmarkwebdesign
    @landmarkwebdesign 2 ปีที่แล้ว

    Oh I LOVE this one!!!!!!!

  • @Website-Developer
    @Website-Developer 2 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

      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"

  • @michaellengner7605
    @michaellengner7605 ปีที่แล้ว +2

    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?

  • @InvestWithGirish
    @InvestWithGirish 2 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

      @@MakeDreamWebsite How please tell me You have a great mind to do that.

  • @HugoFireWar
    @HugoFireWar ปีที่แล้ว +1

    I need help. Scrolling works perfectly on PC, but on mobile every time I scroll a little, the text returns to the beginning.

  • @ruanmata9406
    @ruanmata9406 2 ปีที่แล้ว

    Great video, bro! U saved my life

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 ปีที่แล้ว +1

      Thank you brother! But no one can save anyone's life except Allah!

  • @Sheisdanielafernandez
    @Sheisdanielafernandez ปีที่แล้ว

    amazing! thank u a lot

  • @zakariafaraj1056
    @zakariafaraj1056 ปีที่แล้ว

    Thanks a lot Brother

  • @kristenevans6724
    @kristenevans6724 2 ปีที่แล้ว +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 ปีที่แล้ว +3

      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.

  • @huguessemeillon4881
    @huguessemeillon4881 2 ปีที่แล้ว

    BIG THANKS 👍🏼

  • @Wares_hashimi
    @Wares_hashimi 5 หลายเดือนก่อน +1

    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  5 หลายเดือนก่อน

      Thank you! That's actually CSS variable which can be utilised for more user friendly code.

  • @LearnIlmEveryday
    @LearnIlmEveryday ปีที่แล้ว

    Lovely😍

  • @vedikkaagarwal
    @vedikkaagarwal 11 หลายเดือนก่อน

    thank you!!! you saved me haha

  •  2 ปีที่แล้ว +1

    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 ปีที่แล้ว +2

      I have a plan for that! Or I can provide a template of the container version in the description later.

    •  2 ปีที่แล้ว +1

      @@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 ปีที่แล้ว +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.

  • @vandehugobomfim
    @vandehugobomfim 2 ปีที่แล้ว

    Thanks!

  • @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.

  • @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.

  • @hiury.oliveira_
    @hiury.oliveira_ 21 วันที่ผ่านมา

    Hello, everyone!
    Where is the code we can paste?

  • @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?

  • @melindathornton
    @melindathornton ปีที่แล้ว +1

    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

  • @rubendragan6514
    @rubendragan6514 ปีที่แล้ว

    thanks!

  • @liambonar7849
    @liambonar7849 2 ปีที่แล้ว

    This is brilliant, thank you

  • @Hellosoyanmar
    @Hellosoyanmar 2 ปีที่แล้ว

    Hello!!! thanks sooo much for the video, very good explanation it helped me a lot

  • @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?

  • @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!

  • @play-cu5tv
    @play-cu5tv 2 ปีที่แล้ว

    thank you

  • @darius55508
    @darius55508 3 ปีที่แล้ว

    WOW 👍 thx for this video ! very good

  • @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?

  • @felixvortex9
    @felixvortex9 3 ปีที่แล้ว

    You're a great teacher, thanks for the video

  • @skycarrot8954
    @skycarrot8954 2 ปีที่แล้ว +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?

  • @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

  • @NimaTable-pj1qh
    @NimaTable-pj1qh 2 ปีที่แล้ว

    but the background is not stable, move right and left

  • @sotnasdesign
    @sotnasdesign ปีที่แล้ว

    Hi,
    reverse class dont work for me.
    Text appear upside down

  • @danconoveramz
    @danconoveramz 2 ปีที่แล้ว

    my second stroke text is flipped upside down, any reason why, also its not going diffrent direction

  • @kellyquinteroba
    @kellyquinteroba ปีที่แล้ว

    Thanks! excellent tutorial +1subs

  • @InFoBoYY
    @InFoBoYY 3 ปีที่แล้ว +1

    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: th-cam.com/video/i0SqcVmgLxA/w-d-xo.html

  • @tasvinderaulakh4062
    @tasvinderaulakh4062 2 ปีที่แล้ว

    can you do a tutorial for the same marquee effect when scrolling?

  • @vvv.123
    @vvv.123 2 ปีที่แล้ว +5

    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?

  • @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!

  • @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!

  • @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.

  • @natalielinke2328
    @natalielinke2328 3 ปีที่แล้ว +1

    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 ปีที่แล้ว +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!

  • @Tektymes
    @Tektymes ปีที่แล้ว

    @MakeDreamWebsite i want to create an automatic scrolling images from Left to Right, in Elementor,cn u help me ?

  • @anasbinzia8066
    @anasbinzia8066 2 ปีที่แล้ว

    Can it work same for the images? instead of text

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 ปีที่แล้ว

      Yes, you can follow this video: th-cam.com/video/i0SqcVmgLxA/w-d-xo.html

  • @michaelhirt3915
    @michaelhirt3915 2 ปีที่แล้ว

    What i have to do if i have the flexbox activated. the code doesnt work now

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 ปีที่แล้ว +2

      Okay, I'll add a an additional container version of this effect soon!

    • @michaelhirt3915
      @michaelhirt3915 2 ปีที่แล้ว

      @@MakeDreamWebsite yes pls

  • @oramiart138
    @oramiart138 ปีที่แล้ว

    Hi, Thanks for your tutorial it's great! I can't find the html code to paste. Thank you

    • @MakeDreamWebsite
      @MakeDreamWebsite  ปีที่แล้ว +1

      You can find the link in the description...

    • @oramiart138
      @oramiart138 ปีที่แล้ว

      @@MakeDreamWebsite Thanks, I hadn't seen it

  • @irugal8964
    @irugal8964 9 หลายเดือนก่อน +2

    work like charm, pepole who worries about that inner section just add a container

  • @DidierAlvarado
    @DidierAlvarado ปีที่แล้ว

    Make with 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

  • @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 ปีที่แล้ว +1

      You need to modify the JavaScript code for that!

    • @2tartelette
      @2tartelette 3 ปีที่แล้ว

      @@MakeDreamWebsite unfortunelty I am freshmen in Elementor ;-( I don't know Java...

  • @lisateawhitu1554
    @lisateawhitu1554 2 ปีที่แล้ว +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 ? :)

  • @SamsonAdeyemi
    @SamsonAdeyemi 2 ปีที่แล้ว

    can we use this for images too?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 ปีที่แล้ว

      No, it's for text only...

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 ปีที่แล้ว +1

      Here is the image version of this tutorial th-cam.com/video/i0SqcVmgLxA/w-d-xo.html

  • @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.

  • @watch1871
    @watch1871 2 ปีที่แล้ว

    Hey dude can I do the same in boxed section

  • @AmmarHamza94
    @AmmarHamza94 2 ปีที่แล้ว

    Hey! Where is the code you pasted in html widget?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 ปีที่แล้ว

      The code snippet link is in the description...

  • @bmdesignmaroc9543
    @bmdesignmaroc9543 2 ปีที่แล้ว

    Thanks

  • @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 ?

  • @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!

  • @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

  • @istanbulmodel7368
    @istanbulmodel7368 2 ปีที่แล้ว

    Hi is there any solution that conflicted with theme js files

  • @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

  • @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...

  • @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?

  • @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 ปีที่แล้ว +1

      Here is an updated version where you can use images or anything you want th-cam.com/video/i0SqcVmgLxA/w-d-xo.html

    • @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! 😇

  • @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

  • @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?

  • @techmega6240
    @techmega6240 ปีที่แล้ว

    thanks

  • @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!

  • @anon5521
    @anon5521 3 ปีที่แล้ว +1

    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

  • @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.

  • @olanrewajuoluwadunmininu5644
    @olanrewajuoluwadunmininu5644 3 ปีที่แล้ว +2

    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 ปีที่แล้ว +1

      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 ปีที่แล้ว +1

      @@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 ปีที่แล้ว +1

      Thank you.. I'll start creating that very soon.

  • @orayanvlogs1108
    @orayanvlogs1108 ปีที่แล้ว

    Should i mark this as h1, span, div or h2 please someone help.🙏

  • @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.

  • @krishana1387
    @krishana1387 ปีที่แล้ว

    Its not responsive, if we add this code, after that in mobile view side section have some problems ( menu bar )

    • @katjaaldi
      @katjaaldi ปีที่แล้ว +1

      I solved this problem with the container settings > layout > advanced settings > overflow hidden instead of default

  • @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..

  • @nodiranimojumder5942
    @nodiranimojumder5942 ปีที่แล้ว

    This code is not working with Elementor Container , can you please update the code ?

  • @Montagrus
    @Montagrus 2 ปีที่แล้ว

    I LOVE YOU

  • @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: th-cam.com/video/i0SqcVmgLxA/w-d-xo.html

  • @wordpressexpert175
    @wordpressexpert175 3 ปีที่แล้ว +2

    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 ปีที่แล้ว +2

      You are most welcome. I'll make that soon...

  • @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 ปีที่แล้ว +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.

  • @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

  • @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?

  • @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.

  • @Md.MarufHasan-zl4eg
    @Md.MarufHasan-zl4eg ปีที่แล้ว

    nice video

  • @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

  • @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