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

Рет қаралды 32,749

7 ай бұрын

The new interface is probably going to be default soon in Elementor, so lets check out how we can use it in the most efficient way possible, because time = $.
Get Elementor for no-code web-development: livingwithpixels.com/elementor
My Elementor Pro course: Elementor Pro Mastery Course: livingwithpixels.com/elemento...
My Elementor Starters Guide for Beginners: Elementor Starters Guide: livingwithpixels.com/elemento...
→ Other software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/links/
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Social media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

Пікірлер: 105

@alexlefkowitz 7 ай бұрын

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

@SimX9000 7 ай бұрын

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

@CappicheGames 7 ай бұрын

Cheers Rino, great as always!

@thepurpleufo 7 ай бұрын

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

@rinodeboer 7 ай бұрын

Thank youu 🙏🏻🙏🏻

@OdinsOdyssey5252 7 ай бұрын

As always, great, informative and quality content.

@gordonbrownlee4436 7 ай бұрын

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

@epicduowarriors 7 ай бұрын

Thank you rino, keep up the good work

@learnearn3166 7 ай бұрын

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

@sergio_grez 7 ай бұрын

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 7 ай бұрын

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 7 ай бұрын

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 7 ай бұрын

I use negative margins to reduce that space.

@pixelfacepirate 7 ай бұрын

I use negative margins to reduce that space.

@ElementoryMyDearWatson 7 ай бұрын

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; }

@Devstool 7 ай бұрын

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

@bawilms 7 ай бұрын

Excellent informative site.

@Regardsarvie 7 ай бұрын

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

@abdulwahab2179 7 ай бұрын

Super amazing updates

@allhamdulillah7 7 ай бұрын

Thanks you so much

@Alligator932 7 ай бұрын

There are some interesting features, need to try this out

@ericwilson5074 7 ай бұрын

Thx Rino !

@mouazalkhaldi1427 6 күн бұрын

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

@mushtaqtechnologycom2824 7 ай бұрын

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!

@ijsbrand3456 6 ай бұрын

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

@motivate2day453 7 ай бұрын

What analytics tool do you use?

@soheiljalal 3 ай бұрын

soooooo good

@NYC_CuriousG 5 ай бұрын

So Glad KZfaq 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.

@ArturWagnerowski 6 ай бұрын

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

@ammadjaved6156 Ай бұрын

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

@la.allday 7 ай бұрын

Cant find view page in the new version

@Topgrafik-official 5 ай бұрын

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.

@XquizitRush 7 ай бұрын

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

@shaunazar 7 ай бұрын

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 7 ай бұрын

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!

@tonyb736 7 ай бұрын

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 🤷‍♂️

@lorddiobrandoo 7 ай бұрын

Flex box Container and grids tutorial plz

@TitoChinitoPH 7 ай бұрын

Love the beard, Rino... 😄

@matthewsmith8334 7 ай бұрын

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

@albalongabay 4 ай бұрын

Please show how to change the Elementor pink!

@seekknowledge1928 7 ай бұрын

You're looking great with your mustache :)

@robertwattner 7 ай бұрын

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 6 ай бұрын

Also not able to zoom the window in and out

@xavierkain 7 ай бұрын

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 …

@MIMMarketing 7 ай бұрын

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 7 ай бұрын

Fix this, Elementor!!

@joachimtecklenburg 7 ай бұрын

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 7 ай бұрын

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

@homelandsecuritytoday 7 ай бұрын

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 7 ай бұрын

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

@dezz26 7 ай бұрын

Newspaper or News theme creation tutorial would be good.

@michaelakubas 7 ай бұрын

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

@rinodeboer 7 ай бұрын

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

@AllenLu 7 ай бұрын

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

@floyd1411 7 ай бұрын

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

@rinodeboer 7 ай бұрын

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 7 ай бұрын

@@rinodeboer totally agree with you.

@istiquritconsultant 7 ай бұрын

That mustache looks good on you 😊

@ebenezerghansah5720 7 ай бұрын

Please do and include changing elementor logo as well thanks.

@gabrielbaroi1986 5 ай бұрын

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

@rinodeboer 5 ай бұрын

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

@BenBaudart 7 ай бұрын

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 7 ай бұрын

Thank you, I will let Elementor know

@WeasleyDodds 6 ай бұрын

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

@Vichion 3 ай бұрын

3:32

@abdulwaheedorg 7 ай бұрын

Make some videos about Bricks Builder please.

@wordjunky 7 ай бұрын

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

@rinodeboer 7 ай бұрын

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

@wordjunky 7 ай бұрын

@@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 7 ай бұрын

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 7 ай бұрын

Thanks!

@francisokech 7 ай бұрын

Please, is this the interface featured in your course?

@rinodeboer 7 ай бұрын

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

@francisokech 7 ай бұрын

@@rinodeboer OK. I will take your course.

@rinodeboer 7 ай бұрын

Awesome! Welcome 🙏🏻

@marisadecesare8824 2 ай бұрын

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

@rinodeboer 2 ай бұрын

I think just double clicking the container should work.

@yourtrinty 7 ай бұрын

Shopify made these kind of changes years ago

@chideradigitalfreak 7 ай бұрын

I'm already used to it

@rohandesigner 5 ай бұрын

Woo Bro, Whats about this new look.

@maxtofone 2 ай бұрын

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 2 ай бұрын

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

@maxtofone 2 ай бұрын

@@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 2 ай бұрын

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 2 ай бұрын

@@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 2 ай бұрын

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

@KevinSchmidt-wp9db 2 ай бұрын

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

@rinodeboer 2 ай бұрын

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.

@javierherreracernicchiaro 7 ай бұрын

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

@ravindug 7 ай бұрын

Where is the revision history?

@rinodeboer 7 ай бұрын

Under the Elementor logo now

@daniloribeiro71 7 ай бұрын

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 7 ай бұрын

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 7 ай бұрын

@@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 6 ай бұрын

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.

@PietroMalaguti 7 ай бұрын

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

@rinodeboer 7 ай бұрын

Lol

@anasouardini 5 ай бұрын

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

@david05 7 ай бұрын

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

@raziel8799 7 ай бұрын

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.

@ElementoryMyDearWatson 7 ай бұрын

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