Elementor’s New UI 2024: How to use it to work fast

แชร์
ฝัง

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

  • @CLUAlNMEALA
    @CLUAlNMEALA 24 วันที่ผ่านมา +1

    Had to do a quick edit today - was so confused, without warning suddenly everything I was used to was all over the place, thanks to your vid, I was able to do what I needed. Had to disable the UI to do the edit. I'll return to it when I have free time tho! Thanks for the info.

  • @sergio_grez
    @sergio_grez 11 หลายเดือนก่อน +34

    I am amazed that Elementor still hasn't fixed things that we have to constantly fight. For example, when you choose text widget it still comes with that extra white space below, where you have to go to html tab and enter any letter or dot to get rid of that thing. The other thing that is still there is the extra white space below the icon widget. Anyways, these changes seem nice and will probably be a better workflow, but still we will have to put some extra css to things that shouldn't require any. Thanks Rino for this video.

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

      You can use a heading widget instead of the text widget to get rid of that pesky white space. Heading widget doesn't have it

    • @joaopedrofrech
      @joaopedrofrech 11 หลายเดือนก่อน +5

      That happens because the behavior of the tag, which as a paragraph, automatically insert a white space at the bottom of the text block. When you switch to text, it doesn't act as a tag.

    • @pixelfacepirate
      @pixelfacepirate 11 หลายเดือนก่อน +1

      I use negative margins to reduce that space.

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

      I use negative margins to reduce that space.

    • @ElementoryMyDearWatson
      @ElementoryMyDearWatson 11 หลายเดือนก่อน +6

      Add this CSS to Appeearence > Customize > Additional CSS (or wherever you want to put your global custom CSS)
      Remove space below paragraph last line:
      .elementor-widget-text-editor p: last-child {
      margin-bottom: 0px;
      }
      Removve space below icon widget (the space is actually line-height, god knows why):
      .elementor-icon-wrapper {
      line-height: 0px;
      }

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

    Solid video for a beginner/novice. I'm currently designing my 2nd website and up to optimizing it for mobile. However, I was confused because most of the guides click a button on the bottom left to get into responsive mode when the new UI requires you to toggle between modes at the top. Thanks for clearing up my confusion.

  • @Regardsarvie
    @Regardsarvie 11 หลายเดือนก่อน +2

    Been using it for about 5 weeks now, i think its a good change :)

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

    this is a saver for me as a new to elementor . thank you so much for such a helpful video

  • @RSpace768
    @RSpace768 11 หลายเดือนก่อน +2

    I really love this new UI its helpful and easily accessible. i Hope it will save my times in future.

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

    I never knew about the finder let alone the shortcut for it, the custom mobile breakpoints are awesome. You are on the cutting edge, love it. Thanks for the content

  • @alexlefkowitz
    @alexlefkowitz 11 หลายเดือนก่อน +1

    Great video. Thanks for everything you do ❤ excited to get your course!

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

    I've been looking for how to add new breakpoint forever thanks soooooooo MUCH

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

      Happy to help!

  • @NYC_CuriousG
    @NYC_CuriousG 9 หลายเดือนก่อน

    So Glad TH-cam Algorithm suggested this video. I activated the feature. Thanks!
    Do you happen to have a video about how to easily move containers within the Navigator/Structure. For example, it is a pain ad a container inside of an existing container and all the elements.

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

    Thanks, Rino...you do such a great job with all your videos, and this walk-through of Elementor's new UI is amazing.

    • @rinodeboer
      @rinodeboer  11 หลายเดือนก่อน +1

      Thank youu 🙏🏻🙏🏻

  • @mouaz_khaldi
    @mouaz_khaldi 4 หลายเดือนก่อน

    Thanks for the video. I appreciate the efforts. I have a question for you can you compare Elementor with Figma

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

    I have learned two new things from your video. Thank you for such a nice video.

  • @juliociamarra
    @juliociamarra 2 หลายเดือนก่อน

    Rino, as always, thank you for your informational and helpful videos...greatly appreciated. As for Elementor Breakpoints, I've added the extra ones that you mentioned, but none of them help with 8th and 9th Generation iPads. Any ideas? Thank you

  • @epicduowarriors
    @epicduowarriors 11 หลายเดือนก่อน +1

    Thank you rino, keep up the good work

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

    Ctrl / cmnd ? = Open the Keyboard shortcut menu. Learning a bunch of keyboard shortcuts can bring even greater speed and efficiency to one's workflow.

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

    It is a very clear explanation of the new top menu.
    I have a question: in the previous menu you could return to the dashboard by clicking on the elementor logo (limks bevenin). With the new version I can no longer return to the dashboard, but go to the WordPress editor where you have to click on the WordPress logo to go back. Is there a solution to go straight back to the dashboard.
    Greetings Ysbrand

  • @Topgrafik-official
    @Topgrafik-official 9 หลายเดือนก่อน

    Yes, please make a video about how to change the elementor pink color.Would be cool to make this to my brand color so the customer get's a more custom experience.

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

    Another great content Rino. Looking forward to the next gen on Elementor Pro

  • @joachimtecklenburg
    @joachimtecklenburg 11 หลายเดือนก่อน +2

    The only thing that I miss the "View Page" feature that the old UI had. For some reason I use that quite often. Also did anybody else noticed that Elementor takes forever to load now?

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

      This is a real bummer. I see that in this video, Rino has 2 (TWO!) Edit "Home" pages open at once... Doesn't that make you insane? What if you've edited one, but you update the other, negating the changes you've made. Aiii !!!

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

    Hi rino
    Your all video are always mind-blowing
    I have a one question
    How i can create a "categories archive" page or template where i want to show only a post or products category name, category short description and a category image and when someone click on any category on the frontend they will redirect to that post or products which will be in those category please reply me!

  • @shaunazar
    @shaunazar 11 หลายเดือนก่อน +1

    Hey Rino, thanks for sharing this video. I've been holding off on making the switch and I'm glad I did after watching your video. Overall its pretty cool and much faster now they are using React. There is one thing I noticed which is really annoying. It seems we can no longer exit after publishing content by clicking on view page, only exit to wordpress. Am I missing something?

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

      This is almost a deal-breaker. This encourages having more than one editing tab open at once for the SAME PAGE. This could ruin my day!

  • @rinkap1030
    @rinkap1030 23 วันที่ผ่านมา

    Hi Rino, thanks for the video. I have a question which you don't address on the video. Can you please tell me how I can get elementor to show the actual pixels of the page? Say I'm in tablet mode, and I increase/decrease the size of the viewport, in the old editor I could see the actual pixels of the page (I use this a lot to see the exact width of the page). The new editor doesn't show these anymore. What a bummer! Is there a fix for this?

  • @xavierkain
    @xavierkain 11 หลายเดือนก่อน +1

    It’s nice but how do you view the page you’re working on ? Not preview but View the real page ? They seem to have delete this button that I use all the time, without it for me this new UI is a no go …

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

    Cheers Rino, great as always!

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

    Thanks for another great video… yes please can you make a video showing how to change the colour that elementor is forcing us to use… Don’t understand why they can’t just provide an option for users to change to a colour easily 🤷‍♂️

  • @robertwattner
    @robertwattner 11 หลายเดือนก่อน +2

    They NEED to bring back the respinsive window width indicator/setting. We need to know how wide that window is! Why remove important features?

    • @StreamlineRoofingTx
      @StreamlineRoofingTx 10 หลายเดือนก่อน

      Also not able to zoom the window in and out

  • @skyland220
    @skyland220 3 วันที่ผ่านมา

    please let me know how to change the widgets section or containers pink color

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

    Takes a bit of getting used to but totally worth it. Q? Did you found a way to change in Elementor the shared button with the new Twitter X icon ? thks

    • @rinodeboer
      @rinodeboer  11 หลายเดือนก่อน +1

      Not yet, I hope they will replace it soon so that we don’t have to.

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

    There are some interesting features, need to try this out

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

    As always, great, informative and quality content.

  • @albalongabay
    @albalongabay 9 หลายเดือนก่อน

    Please show how to change the Elementor pink!

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

    Uh oh. I'm studying your new course. Are you going to redo it now to reflect the changes?

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

    Hi Rino, why you dont try Bricks builder? Thanks for answer 🙂

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

      I have been trying out Bricks builder and also been promoting it slightly. So I’m in the process of learning it 👌🏼

  • @lorddiobrandoo
    @lorddiobrandoo 11 หลายเดือนก่อน +1

    Flex box Container and grids tutorial plz

  • @la.allday
    @la.allday 11 หลายเดือนก่อน +1

    Cant find view page in the new version

  • @ArturWagnerowski
    @ArturWagnerowski 10 หลายเดือนก่อน

    Do yu have any info how to display ACF field in elementor in condition when it's not empty?

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

    Super amazing updates

  • @dansk9963
    @dansk9963 12 วันที่ผ่านมา

    where is the zoom in/out feature?

  • @ammadjaved6156
    @ammadjaved6156 6 หลายเดือนก่อน

    In new view options, I could not find the revision button. Is it gone?

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

    Did I miss the part about adding categories and tags? I don’t see where to do that in the new interface.

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

      Sorry, what do you mean sir? Do you mean conditions?

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

      @@rinodeboer ​​⁠ no, I mean tags and categories. They are ways of identifying and selecting posts based on the topics they cover. You can add them on the fly for each post. They are easily available when editing in Wordpress natively, but I cannot find how to access them in the new Elementor interface. I think (hope) I am just missing something obvious. But under the “no stupid questions” idea, I’m asking for help.

    • @rinodeboer
      @rinodeboer  11 หลายเดือนก่อน +1

      Ah I see what you mean. This is part of the Theme Builder, which can be found under the Logo now. In there you can create an Archive template which displays posts with the Loop Item, and you can create a Single Post template for your blogposts or custom post types. In the Single Post Template and Loop Item Template you can add categories and tags wherever you like.

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

      Thanks!

  • @gabrielbaroi1986
    @gabrielbaroi1986 10 หลายเดือนก่อน

    Please upload the full course of Elementor premium plugin basic to advance. Thanks Rino.

    • @rinodeboer
      @rinodeboer  10 หลายเดือนก่อน

      It is already live sir. You can check it out here livingwithpixels.com/elementor-course

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

    Please do and include changing elementor logo as well thanks.

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

    Yes make a custom code video on how to change Elementor colours

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

    Unfortunately the new top bar layout doesn't accomodate for Yoast or Polylang integrations. Can't update SEO or translation from within Elementor when it's enabled… hopefully this will be fixed sooin.

    • @rinodeboer
      @rinodeboer  11 หลายเดือนก่อน +1

      Thank you, I will let Elementor know

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

    Excellent informative site.

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

    Thx Rino !

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

    What analytics tool do you use?

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

    Hey Rino. What is your take on Elementor's licence changes from Decemeber?

    • @rinodeboer
      @rinodeboer  11 หลายเดือนก่อน +3

      I almost wanted to make a video about it, but I didn’t. So I did talk about shortly it in my Black Friday video. But in short: not a fan that they only give the full feature set in their hosting. I strongly believe they should offer one single site license with all the features. Its oke if they up the price, but now people have to buy 3 licenses, that’s simply not great.

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

      @@rinodeboer totally agree with you.

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

    the new ui layout I rememeber there is no way to access for "display conditions" which is super annoying

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

    Amazing 😍🤩❤

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

    Thanks you so much

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

    Make some videos about Bricks Builder please.

  • @yourtrinty
    @yourtrinty 11 หลายเดือนก่อน +1

    Shopify made these kind of changes years ago

  • @maxtofone
    @maxtofone 7 หลายเดือนก่อน

    I have just purchased Elementor Pro a few days ago and I am a bit confused with your video because the latest official version 3.21.0 doesn't look like what you are showing on this video as the new UI 😕 Maybe I am missing something or maybe not... Best, MaxT

    • @rinodeboer
      @rinodeboer  7 หลายเดือนก่อน +1

      Its still in beta, so make sure to enable it via Wordpress > Elementor > Settings > Features > Top Bar

    • @maxtofone
      @maxtofone 7 หลายเดือนก่อน

      @@rinodeboer Thanks a lot for your kind reply and feedback. Do you recommend using the new UI even in beta or stick to the officially supported version? What do you think of the Flexible Elementor Panel plugin? Many thanks and best regards, MaxT

    • @rinodeboer
      @rinodeboer  6 หลายเดือนก่อน +1

      I would recommend to use the new panel. Not a lot of things can go wrong since it doesn’t change your website functionality itself. And that plugin you are talking about I haven’t heard of. What does it do?

    • @maxtofone
      @maxtofone 6 หลายเดือนก่อน

      @@rinodeboer Hi Rino, thanks a lot for your kind reply... I have updated to the beta version you recommended and I really like the new Elementor panel. The plugin I mentioned in my previews reply is something that people used to use to improve the Elementor panel but now that there is a new version I think it is quite redundant. All the best, MT

    • @rinodeboer
      @rinodeboer  6 หลายเดือนก่อน +1

      Thanks for clarifying, and yes, the new editor is probably better than the old plugin then.

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

    how do you get that laptop breakpoint in the upper bar?

    • @Vichion
      @Vichion 7 หลายเดือนก่อน +1

      3:32

  • @marisadecesare8824
    @marisadecesare8824 7 หลายเดือนก่อน

    I am so confused on how to rename a container in what is now called structure. please help!

    • @rinodeboer
      @rinodeboer  7 หลายเดือนก่อน

      I think just double clicking the container should work.

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

    Newspaper or News theme creation tutorial would be good.

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

    You're looking great with your mustache :)

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

    Please, is this the interface featured in your course?

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

      In the course I use both interfaces. But apart from this video there is not much more to learn about it.

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

      @@rinodeboer OK. I will take your course.

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

      Awesome! Welcome 🙏🏻

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

    Love the beard, Rino... 😄

  • @soheiljalal
    @soheiljalal 7 หลายเดือนก่อน

    soooooo good

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

    Should be better not to type to go dashboard or pages, it´d be great to have clickable icons.

  • @MIMMarketing
    @MIMMarketing 11 หลายเดือนก่อน +1

    Hey nice facial hair. Our boy is growing up. We’re very proud of you. lol. Just kidding with you. Thank you for this video. Very helpful as always.

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

      Fix this, Elementor!!

  • @rohandesigner
    @rohandesigner 9 หลายเดือนก่อน

    Woo Bro, Whats about this new look.

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

    That mustache looks good on you 😊

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

    I'm already used to it

  • @mirkobertocco608
    @mirkobertocco608 24 วันที่ผ่านมา

    this change happened right when i was creating the home of my new site. it messed up everything. How about to solve the real issues of the editor, instead making bullshit changes?

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

    Where is the revision history?

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

      Under the Elementor logo now

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

    New updated Elementor editor is much, much, slower.

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

    Elementor esta ficando para trás, bricks e breakdance visual buider deixa elementor para trás apesar de ser tao novo no mercado, elementor há anos mercado praticamente a mesma coisas, nao mudo quase nada em relação a desenvolvimento mais avançado, sempre temos que recorrer a pluigns extras etc

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

      That’s not entirely true. Elementor has launched many features last year that removes the need for external plugins. Bricks and other builders are catching up, but they don’t have what Elementor has yet. Ofcourse they also have advantages but its more nuanced than what you are stating.

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

      @@rinodeboer Concordo que o Elementor teve mais recursos, mas pelo tempo de mercado ainda acho pouco, além do mais o código ainda é muito sujo, o elementor usa muitas div sem necessidades, a customização por exemplo para woocommerce é bem fraca em relação a bricks por exemplo, eu sou avançado em wordpress, e muitas coisas para conseguir o resultado preciso fazer injeção de javascript, criar funções em php etc. coisas que nessas outras ferramentas já elimina, o pouco que olhei nas outras como Bricks e Breakdance, ja superar em muitos pontos, o que gostei mais em relação ao elementor e otimização do código e por ser muito leve além de usar rect, o lado desenvolvedor é bem mais profundo, a customização do widgets é bem superior, ainda nao migrei para essas ferramentas por conhecer a poucos os dias, mas os próximos projetos já pretendo iniciar com elas , bom citei alguns pontos,eu ainda gosto do Elementor, mas precisa melhorar em muitos pontos, apesar de está indo ao poucos....

    • @rinodeboer
      @rinodeboer  10 หลายเดือนก่อน

      Interesting to hear your experience. Thanks for sharing. I certainly believe that Elementor is not the best optimised in terms of code and for someone like you (who can actually read and modify it) another tool might be a better solution.

  • @KevinSchmidt-wp9db
    @KevinSchmidt-wp9db 7 หลายเดือนก่อน

    so the "The Elementor Starters Guide for Beginners" is actually just an opt in for your email list? oh.

    • @rinodeboer
      @rinodeboer  7 หลายเดือนก่อน

      No, just for now. I am actually working on videos that you will get once you sign up. So now its more like a waiting list.

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

    Elementor is now very similar to the Bricks interface😂🤣

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

    Good to know how to change that horrible pink color using code snippet plugin...

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

      Lol

  • @anasouardini
    @anasouardini 9 หลายเดือนก่อน

    The line between using elementor and coding is getting thinner and thiner.

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

    everything is fine with the video but your beard... ❤❤

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

    So they basically stole most of the design from better builders like Bricks. I guess that's fine as long as they are improving their UX.