Those webkits can be really useful to import just to see how pages are constructed using containers. It's a very good and quick way to learn about it

Save as default allows you to set up common settings on a element you might use regularly. For instance, I often have to manually change margins on a container, so being able to set a margin as the default would ensure new containers start with consistent setting throughout the site. I agree though, that the way Bricks handles classes is super slick, and I hope Elementor integrates a feature like that.

Hey Rino, I’d like to thank you and let you know that I really appreciate your work. I was using elementor before I got to know your profile but you helped me to do it better. Among other things, thanks to you, I developed my skills as a web developer. Today it's been exactly one year since I set up my company in Poland, which deals with building websites. After a year I employ 4 people, I managed to earn more than ever in my life and last year was the best year of my life for me. I could go on so many trips and visit lots of great places (I was in Netherlands too, loved Amsterdam and Leiden 😊) Nothing has ever given me as much joy as combining doing what I like with the opportunity to develop my own business. I was inspired by your videos and for the first time I can't wait to see what the new year will bring. Thank you once again!

@rinodeboer

Жыл бұрын

Thank you so much. This comment made my day 🙏🏻

@Krys519

Жыл бұрын

@@rinodeboer it’s my pleasure. Wish you all the best!

@multa7053

Жыл бұрын

Love your comment! Good luck with your business!

Elementor needs style classes and combo classes like webflow and bricks. Your doing great lateley Elementor, but this is the one thing that the competition still has a leg up on you. I think the save as default option would be a great feature for designers if it was account wide. Then designers could set their preferential defaults across all sites they design on.

Excellent!! Yes, it’s been a little overwhelming seeing the large number of Elementor updates. So, walking through past three with us was very, very helpful! Thank you 👍🏻

Please do this more often! Great to see the updates visually and in depth.

Rino, for some reason I stopped looking at your videos for a while... a few months. But looking at this makes me remember how great you are. I love living with pixels, thanks for everything!

I look forward to your video about the site settings and the typography. I have worked as a website developer for many years, but I haven't found many good tutorials on this yet.

Seeing a lot of Webflow stuff in the new update, good job Elementor.

@AidanJoyce

Жыл бұрын

HI There, interesting comment. Can you tell me some more about this?. I am not that tuned into whats happening with Elementor, but webflow stuff would be super interesting.

thanks for the summary of the new features. FYI: disabling google fonts is something you would (have to) do for making your website GDPR-compliant. yes, you might disable google fonts on the frontend through code wihtin the functions.php, but until now, the fonts were still displayed as options in the elementor backend. so i'm happy that it is finally possible to disable this.

@AidanJoyce

Жыл бұрын

Indeed this is very true of GDPR and Google fonts as ruled by Germany first. But let's be honest very few people are working to this level of compliance. As you probably know seen as you are aware of the GDPR/Fonts issue, many cookie plugins are not or cannot even be configured to stop cookies (non essential) from being dropped on user devices before they even get a chance to reject or accept. What do you think?

@jhaslauer

Жыл бұрын

@@AidanJoyce yes, (still too) many do not stick to it. but apart from the fact that as a professional i can't advise my clients to make websites that violate applicable laws... we recently had cases in austria and germany - without going into too much detail now - where tens of thousands of websites by lawyers were warned. but when it comes to google fonts, it is particularly easy to integrate them locally on the server and - as @LivingWithPixels mentioned - the website loads faster anyway. and yes, quite a lot cookie banners are incorrectly configured or cannot be configured correctly. this is definitely a problem. but the GDPR does not exist without a reason. ;-)

Awesome video! Love how you are so practical. You only get that from someone who has walked the walk!

Hey Rino. Spot on with the Bricks Class System. Also, you can set the defaults for every Element in the Theme settings. So you have a base starting point.

Rino you are so good ♥️ at explaining things and i love how you care small things that i also face a lot of times when I'm actually doing it. Please keep uploading videos and I'm excited for the typography video

Deam! A few days a was happy for the 3.10 and it's already 3.11. Marvelous. Feels like it needed a little of competition

I used to make a website with code before I found Elementor. Now I can do a lot of the stuff in a fraction of the time from what it used to take. Sadly, a few things are still missing. For example color theme selection. Dark/White mode. (I already requested this feature) Conditions. Bricks already has this implemented greatly. Look it up if you want to know what i mean. I hope they keep adding and listening. Elementor can truly be the best page builder that way.

Well you have saved me from all that catching up phase. Thanks

For the swap option.. as far as I know.. when the page first load it will use the system default fonts then load the website fonts and swap it with the system default fonts.. enabling faster first meaningful content load for the website...

Please do not only use h1/h6 for SEO only. If you style something as a heading, make it an h-tag. Your visitors who use accessibility tools such as screenreaders will thank you for that.

Excellent as always, keep it up. For video widget, if you set preload to auto and keep palyer controls on then you can play video by clicking anywhere...

Thank your for this update. I am new to learning Elementor and I enjoy learning from your channel.

You're a legend Rino. This is very helpful. Some great updates in here

One big problem slowing page speeds is that Google Analytics always loads first. Can you please tell us how to delay the loading until the first screen is opened? I cannot find a way to do it, but others say it is possible. It would be great if Elementor had this feature built into their system. Thanks for the update, cheers!

In the video widget, if you click image overlay you can add a "play button" in the middle.

@rinodeboer

Жыл бұрын

Oh thanks I didn’t know!

thanx a lot - you're right - we need classes, please Elementor.

Thanks for the very informative video. I agree with you about the classes in Bricks. It works so much better than in Elementor. Maybe they should have a Save Class to Library feature. That way we can have several designs saved per. column. I haven't played with Containers as much yet. I feel that it's in beta for so long that it's kinda losing it's luster. Lastly, I don't know why Elementor doesn't buy Crocoblock. Their plugin to do those dynamic grids are much better than what Elementor already has. I would rather just buy an addon to work with grids that will work than wait for eternity for Elementor to get this grid issues to work correctly.

om loop carousel. It needs to also include a filter drop down so you can filter the posts shown and include options for having multiple rows as well as column controls :)

Can’t wait for upcoming video 😍😍. Global setting very helpful❤

Thanks for this! Wondering when you might be making the video on fonts and site settings? Would really appreciate seeing how you organize these things. Keep up the great content.

@rinodeboer

Жыл бұрын

No problem! I am going to record this in a few weeks.

Great video as always! Can’t wait to see your style guide template in action ✨

You are referring to Bricks a few times. I think it would also be interesting for you to take a look at Breakdance builder as well.

I switched from Elementor to Oxygen Builder with my agency and it worked very well for us. We have better results and faster workflow.

While it's cool, I really wish that they would fix this issue and some of the other problems with all of their widgets before just making new features - There is an issue with Tabs and Accordion on mobile: clicking a stacked tab should jump to the top of that tab's content, but it doesn't if the content has different lengths. This then forces the user to have to scroll up manually, and that is just bad usability. There are also limits on what you can change in the accordions and toggles, leaving you to have to add CSS and javascript to fix this. You can now use the tabs but I just which they could fix some widget straight up. Not very useful to have a bunch of new features but old problems on Elementor are just ignored. Great video, though :)

Awesome video 👌 Made me realise that I can give up on some plugins on my websites due to these updates

Save as global is perfect when you have a call to action banner for example, and you want to add it on multiple pages. When you want to change an information on this bloc, it avoid to spend time doing the modificatio on all pages.

@rswebmarketing

Жыл бұрын

Amazing video by the way :)

I was missing the paste feature for years! But the most interesting part of this video was your sneak peek about how you deal with global fonts! 👀👀 I'm struggling with it also for years now... The global settings need to be improved by Elementor!

In the video widget, if you choose "image overlay" you'll see an option to add the "play" circle icon for the middle of your video thumbnail. Not sure if it will play from middle-click or not as I don't self-host, so I can't test. Works for Vimeo and KZread.

@rinodeboer

Жыл бұрын

Ohh, that’s cool. I didn’t know this was possible. Thank you 🙏🏻

@openskyphotography

Жыл бұрын

@@rinodeboer I converted all my videos to use an overlay. Once you choose overlay, go back to the video tab/section and the lazy load option appears. Then you can select that and it will speed up that page. I was so frustrated wanting to use Vimeo for videos but it was a massive hit on page speed. Using overlay and then lazy load was a game-changer in that regard.

@rinodeboer

Жыл бұрын

Nice. Thanks for explaining!

@Rog.Tiks._

Жыл бұрын

Thank You for sharing that tip. Appreciated

thank you for all the new features

More videos like this Rino and some further in-depth videos on the topics covered.

wow....as always, super informative. Thank you for sharing the knowledge!

I recommend to use the container in Bricks only for the actual container and than you can use the block or div element

17:00 I'm freaking out, like seriously. I'm often importing/exporting templates from website to website.

@rinodeboer

Жыл бұрын

Haha awesome right?

Clear and relevant, as usual @Reno👏

This is great! I'm now starting to experiment with the advanced tabs feature, as well as the others. I have a request for a future show. As far as I'm aware, in order to optimize Elementor Pro to load faster, I have to go to a third-party cache plug-in, which is complicated. When will ELementor come out with its own built-in version? I know it now has lazy-load and turning off Google fonts. But I'm thinking of a feature which reduces Elementor code. Thanks!

Also looking at your course.

Hi, I love your tutorials. But I have a question! If I upload some products image on my website, I want they will slide (left to right or right to left) automatically on the header page. So how it's possible? Please if you could do a tutorial on it, it would be great for us all your followers. Thank you

The primary reason to consider switching to a different builder is the potential for improved performance and clean code.

I can't seem to find the Tabs widget. Do i need to activate it somewhere?

Hey guys! I am loving to see all of these new updates and changes. Does anyone know why they are not showing up for me? I am up-to-date with the latest version. I really want to give the new Tabs widget a go. Any help would be greatly appreciated. Thank you!

I hate extra clicks! Also love your videos.

Hi Rino, thanks for this video! I have used the new loop builder, very useful! Unfortunately, it does not work with crocoblock's smart filters... maybe in a future update? Anyway, take care!

@gieselman

Жыл бұрын

yikes. That’s good to know!

Really good stuff. If you could make a more business oriented video rather than technical, around scaling a web / digital agency and how to increase the number of ongoing client deliveries, that would be amazing! Would really value your thoughts 😊

Our agency completely switched to containers and we’re rarely struggling with bugs 🐛

I would like to see a video about how to create a style guide template like you.

You are talking about workflows. Can you make a youtube film how to create a good workflow. What are the first thing you do after installing wordpress. Which fonts settings which type etc etc.

Great video. i hope we will also have custom post types right in elementor

First of all thanks for your explanation of the updates. I tried to customize the Tab feature a few weeks ago, but it was so terrible. I like your Style Guide page. I couldn't find a video of you explaining how you created it, or do you have a blog where you offer a template for download?

@rinodeboer

Жыл бұрын

Thank you as well! I am going to include the styleguide in my Elementor Pro course, maybe I will give it away later. Not sure yet, since it’s not 100% finished yet.

very helpful as usual, keep going my friend :)

nice video that sums up all theses new features

I have pro - I do not see the "layout" dropdown and I don't have a "container" widget

I've been using WP Rocket for some time and they have lazy load for videos and images. If I'm using WP Rocket, should I also enable lazy load within Elementor ... or can I just use the ones in Elementor now? Great explanation though ... Thanks Rino!

How do you copy one section to another site? The option in video save from other site isn’t appearing. Is there something in settings to activate this feature? I have the latest 3.10 update. I’m not seeing a 3.11. Thank you.

When will you be having a sale on your Elementor Pro Mastery course again?

Love the copying from another site feature. Great video Rino.

Great video as usual! I'm curious about the classes for spacing you mentioned when you were talking about the style guide at the end of the video... Are those the ones from the plug-in we've been talking about our you found an easy way to do it within Elementor? 🤗

@rinodeboer

Жыл бұрын

Thank you. I found an easy way to do it with Elementor. But that plugin is still on my todo list to really test it through 👌🏼

Lool. Accordion on mobile instead of tabs as something cool? Absolutely terrible. There is a very simple solution. With quite basic css, you can create a horizontal scroll for tabs bar, while the content stays in place. I've been doing this for a while now with JetTabs. You can decide also if you want to have a horizontal scrollbar visible or not. It should be a native option.

@rinodeboer

Жыл бұрын

Hmm, good point. Didn’t think of this.

@lolleschaut

Жыл бұрын

Could you give me some more information on how you did that exactly? I am also using Crocoblock and would be happy to implement a horizontal scroll! :)

@KasztanTS

Жыл бұрын

@@lolleschaut there you go: @media (max-width: 767px) { .elementor-widget-container .jet-tabs .jet-tabs__control-wrapper { flex-wrap: nowrap; overflow: hidden; overflow-x: visible; width: 100%; padding-bottom:15px; align-items: flex-end; justify-content: flex-start!important; color: ; } } @media (max-width: 767px) { .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__control-inner{ width:max-content; } } @media (max-width: 767px) { .elementor-widget-container .jet-tabs .jet-tabs__control-wrapper::-webkit-scrollbar { /*display: none;*/ scrollbar-width: none; -ms-overflow-style: none; background-color: #879360; } } @media (max-width: 767px) { /*.elementor-46 .elementor-element.elementor-element-4ccf5807*/ .elementor-widget-container .jet-tabs .jet-tabs__control-wrapper::-webkit-scrollbar-thumb { /*display: none;*/ /*background-color: #982207;*/ background-color: #fff; width: 6px; height: 6px; -webkit-border-radius:0px; } } In the last one I left commented part for page/widget specific application. If you use it only in one place on the website or you want the same behavior everywhere, you can keep it "open" otherwise, inspect the code to make it page / widget specific. Obviously, will require some changes for your needs. It styled when the tabs position on mobile is set as bottom. you might want to make a custom height for you first section in order to work properly (an issue with extra bars on mobile). give a class to the section and then height: 100dvh podjablonia.consultme.pl/ Go to menu on mobile, that's the recent implementation (one of the last ones as im moving to Bricks), although still not moved to the main address. It's quite basic, still can't understand why not implemented natively - typical croco Enjoy :)

13:00 Google fonts loading from CDN they are already fast.

So I did what you suggested about the google fonts, and maybe this is a safari issue but my custom fonts do not work on the safari web browser. My custom fonts work on a chrome, opera, torch and explorer browsers, but not on apples safari browser. I uploaded all the different font types like it asked to and followed a tutorial of how to do it, but when I check my website the fonts are just generic fonts. Looks like a roboto font, but can't confirm since they are set to the custom fonts I uploaded to elementor. Do you know if there is a fix to this? I've tried looking on google, but haven't had much luck.

Great video, Rino! Beautifully explained

I have one problem with elementor that I have been contacting them about for years with no response which is the color picker , It does not work and I really need it to work so that I can make text same color as a background image etc. If you can post this maybe elementor will update it ..Thanks

this makes clear that bricks and other builders are already giving better features than elementor does and for 1 time payment.

Switching over to webflow but these updates hook me 😅

@rinodeboer

Жыл бұрын

😁✌🏼

Nice.. waiting for video on global font & color setup. If you want to choose another page builder above or next to elementor what should be come??

Hey Rino, are you going to make a vid about the new update 3.12? Thanks

Nice job Rino

Hi Rino I Learn a lot on your videos Can you make video making a website with newest elementor updates that can help us very much

I assume the copy & paste "between" websites is only for Elementor Pro versions?

As always- great job 👏🏻

Great Video - thank you.

Thanks for the Video Rino, super cool !! Question, do you will share the template for the global style? ill like to show it to my boss!

Hello, can you compare it with Bricks Builder and Oxygen?

Hi Rino, unrelated question, what software do you use to record the macbook screen? and what resolution are you using?

@rinodeboer

Жыл бұрын

I use screenflow in order to record my screen. Sometimes 1080P, sometimes 4k. Depends on what camera setting I use.

For the custom uploaded videos I think elementor uses the browser's video player, so it is not customizable. I am not sure though.

Hi there, Rino! I'm a regular visitor and viewer. You inspire me so much and I really learn a lot from you. I have a question to ask. When I use Elementor flexbox, the 'fixed' option in a background image doesn't work. Is that only on my part? Or is it with the flexbox? Because, when I don't use flexbox, it does work perfectly.

@JustAn0therSoul

Жыл бұрын

just tested it, with a container set a background image and changed it to fixed, it seems to work normal - check if you r using the newest version

@nif_9

Жыл бұрын

@@JustAn0therSoul Yeah it works normally. It doesn't stay 'fixed'. But when I deactivate flexbox and do the same work with section & column, it works perfectly.

@JustAn0therSoul

Жыл бұрын

@@nif_9 for me it stays fixed

@nif_9

Жыл бұрын

@@JustAn0therSoul Okay. Thank you so much for confirming. I'm actually using v3.9. Maybe, that's why. I'll update to the latest one & check if everything is ok. Thank you again for your confirmation. :)

12:50 Most importantly: GDPR! At least in Germany and Austria it's normal now to load Google Fonts locally. Lot of peopel got sued for using google fonts.

Will you be doing videos on BricksBuilder?

Good work

Great! Just that, new sub here

I cant paste it from another page, do I have to change some settings?

I'm currently following your class on building a blog on Skillshare. Does this update change something in your course? Thanks.

@rinodeboer

Жыл бұрын

A lot is going to change! But right now you can still use those instructions!

Will you release youe lementor style guide testing website to the public? Maybe a paid version?

I’m happy to say I’m leaving Elementor completely behind. Although I have about 75 websites built on pro so I have to keep paying for it, I’ll probably never build another site in Elementor. It’s too bloated and slow. What am I switched to? Bricks & Webflow ❤

I don't understand the difference between global widgets and classes. Like, sure you can switch classes quickly, instead of having to swap out widgets. But it's almost the same thing right?

@rinodeboer

Жыл бұрын

Global widgets keep the content the same. Classes only the design. Which is what you want because content differs, but design does not.

Massively on the fence for using the Container and from what I can see, you need to have that installed to use the Loop builder.... or did I miss something?

@rinodeboer

Жыл бұрын

I have made it work with the columns as well.

will you be selling the style guide as a template ??? I hope so

lol, still on 3.9 not getting any updates!

ok we know Brikccs is your sponsor .. the padding in Elementor is better, it can be global, default and individual including the margins

Did you make the video about fonts?, Thanks

@rinodeboer

Жыл бұрын

Yes! I actually did. Take a look at my last upload

Thanks for the video man! Just a shot in the dark… anyone know why I am having to constantly regenerate css and files to get my local website to display content as it should?? I know it could be many things, but a few workarounds that I’ve had to repeat more than I’d like have been disable themes, regenerate files, sync library, but I’m not exactly sure what’s been causing this to occur.

@jessenelson9768

Жыл бұрын

I will say that it usually occurs following updates to template element like the header/menu.

Hy Rino, is it possible to have different loop style mixed in the post list.

@rinodeboer

Жыл бұрын

Hey! Yea that is possible these days with the Alternate template. I don’t have a tutorial on it yet so you have to look it up for now.

When I use the loop builder, the excerpt widget doesn't display anything or even take up space. Still not ready for release, I guess.

@rinodeboer

Жыл бұрын

Did you put in text in the excerpt widget? Because I always thought that the excerpt was just the short version of the post. But its a separate input field that is not active by default in each post.

@BobFlisser

Жыл бұрын

@@rinodeboer You can't put text in the Excerpt widget, only the number of characters to display.

@rinodeboer

Жыл бұрын

Oh sorry, I meant not in the widget. But in the post itself inside of Wordpress. Make sure to Google how you can put text in your excerpt inside of a post. Because this input field is hidden by default.

@BobFlisser

Жыл бұрын

@@rinodeboer Now I see, thanks for the info. So yes, when I manually add text to the excerpt outside of Elementor, it appears. But the formatting is terrible and the only way to modify it is with custom CSS. But it has only a vague general class of elementor-widget-container. If I edit the CSS for that, lord knows what other parts of the site I'll break. I don't have time now to sleuth out the path for that class that makes it unique.