Global Colors & Fonts: Creating a Design System With Elementor 

Very helpful tutorial. I've learn a lot of tips that will help me to design my personal website without being a designer. Thanks Ziv!!

You guys never disappoint where your tutorials are concerned. With every tutorial I become more and more efficient and closer to "mastering" Elementor.

It would be AMAZING if you would fill out this quick survey, so we can improve on our webinars in the future. Thank you!! www.surveymonkey.com/r/DNDJZ8D

Thanks! Your explanation of how to use tabs with Elementor and Wordpress has revolutionized my work flow. Watching you working, I learn each time.

oh this is very helpful! :) I have been struggling with setting each heading, color!. Bonus part >>> change the Default page layout: Elementor Canvas. :) :) :) Thank you so much!

🔥 FLIPPING AWESOME!!!!!!!!!!!!!!!!!! 🔥 Thanks for sharing this knowledge, seriously incredible what one can do with this platform. 👍🏼

Dankie Dude! @Ziv!

Thanks so much for pointing out that you are opening new tabs and how to do this. Many presenters overlook this and assume we are able to follow them! Off toa good start..

Thank you so much...

Thanks Ziv - these features would save us lot of time!

Thank you!! Excellent webinar!

GREAT SESSION, LEARN TIPS, AND TRICK ABOUTFONTANDCOLOR...THANKS, ELEMANTOR TEAM, AND TEACHER

Thank you Educating us. God Bless !!!!

Really cool! We can't wait

Before you watch don't be fooled by the title; This video did not create any website design system, it just edited two page templates using the new settings. A website design system would cover planning all website layout settings, typography font settings and sizes and colours, plus website colour scheme for backgrounds and buttons and borders and forms etc. It would also explain what parts of Elementor elements are typically styled by Primary, Secondary, Accent colours etc.

The best and most useful part is at the very end

Cool, I'm really looking forwards to this! Zet 'm op, Ziv. Leuk om je aan het werk te zien, je screencasts zijn geweldig! :-)

Excellent - thank you! At last I am beginning to understand the relevance of Theme Fonts ...

Very Good Sir, I needed this... will check out more on your channel as my journey through Elementor continues... Kudos

Thank you. It was clear and very useful.

Great information that I was looking for, especially about global and theme fonts and colors. THX

Starting with Elementor, wish me luck!

Thank You so Much.

Outstanding.

Thank you!

The best video❣️

Thanks for sharing these insigths

Hi! I've been using elemento for a while and when I'm creating everything looks fine but then when I take a look to my page through my link it doesn't look right or as I created it...So I don't know if I'm doing something wrong or what...thanks

About the video in the Home page and the video in the contact page, in order to have a quick response web, would you recommend to allocate and play it from our library or allocate it in RU-vid or Vimeo? In case of allocating in our library, would you recommend a maximum file size? Thank you

I thought you were saying "Contact Ass" - I was thinking, yeeeaaahhhh, this is gonna be a cool site. :)

Hello, thanks for sharing this, I have a question regarding the 18:30 image effects, how do you manage to freeze the image so that the scroll will let discover the rest of the image ?

Global font and color tutorial is very useful.

Great!!!!

which is the best php version for this new elementor???? i just installed it on 7.3 but is too slow loading.....

thanks! I'm wondering if best practice is to make more custom colors/fonts for that setting for example H6 to be a special secondary heading when need that or setting a custom font and color only? And will changing the H tag for a heading or inside a text element invoke the H theme settings without needing to set this in style tab?

Why 1220 width?

That video will blow up your page speed

Ziv and Elementor, please could you guys explain more about things beyond the Elementor features and the WHY's you are doing all these things? For example, why did you choose the section width to 1220? Is this a standard when creating a website? Is this just your preference? Is this the best option for good browsing experience? Another example, why did you choose 50% VH hero and 50% VH on contact us? (this one is easier to understand, but some people don't understand). It would be much more interesting and helpful if you guys go a little bit further than just "click here, add this, add that, choose this value...." Thank you for the video, it was very good!

May be a silly question but why is the primary colour set to blue? Would have thought black would have been more appropriate? I may be misunderstanding what that colour is for though? Thanks.

Great Tutorial. I think it would be great if you could explain the not so basic stuff such as video Start Time and End Time, and other not "intuitive" definitions.

@DBinski1 On the page u want private.. Click on Edit Page and change the settings from public to private, at the right side of your screen. You can do this for other pages as well. Once you are done editing you can set it back to public and everyone will see it.

I can't find the link to rewatch the webinar which was very good btw

All good, but how does these global changes affect posts created with Gutenberg? After doing all my global changes, I inserted a button with gutenberg on my post and it did not reflect the color of the button design in the global color section in elementor. How do you fix this?

What about the responsiveness mob, tablet ? Thank you

What about loading times of those videos? Any suggestions about the size of mp4?

Hello Sir, I am using Elementor and Elementor Pro. Is there any way to insert images in fonts without using CSS currently in Elementor / Elementor Pro ? If possible, please share me your website and social media so that I may follow your tutorials regularly. With regards, Vivek Kumar

Hello it's possible to replay the video after? thank you

Hi! from Germany

Thanks

When will it start?

Tell us how to switch from old styles of Elementor 1 and 2 to new global styles.

Cool

how can I get started on this while already having a website tied to a template? I would love to work on a v2 version of my site without template while my v1 is still up and running. It seems I would have to kill my website first, get rid of the template and then design my v2 or am I mistaken? Thank you

How do I make a section shorter? You set size at 50% VP. I tried to set mine to 20% but it was not shorter. I don't want my header to be so large.

I must have a wrong setting. When I go to update and refresh my page, I only have the option to "save as draft" or "save as template" There is no option to "publish". What have I done wrong?

Nice contrast choice at 20:30 ! Contrast checker won't approve that 😂

Hi. Thanks for the video but..., first step Commando + i in Mac i suppouse... and in Windows?

Explain using Elementor Typography with h1, h2, h3, tags

Can anyone help? When I added another text block it didn't pick up the global text colour I set up in Global colours what am I doing wrong?

Minute 11:00 is very helpful.

Can you guys please provide some support forums other than locking it all away behind Facebooks spywall?

Ziv, Your presentation would benefit from two (2) slight changes. First, go with a mouse that is easier to follow. It could be larger and a different color. Maybe a trail would help. You move fast. It is not possible to follow without backing up and playing again. This is tedious. Since I am certain you want to be a great teacher, you will need to look at ways to make your moves very obvious to your students. Second, don't say "As you can see...". This is especially frustrating to me when I could not keep up or even find a mouse. You need to make any reference to a place on the page completely obvious. Slowing down just a tiny bit to add stronger references combined with a bigger, brighter mouse will improve your presentation significantly. Thank you for sharing your knowledge.

There is a spelling mistake on the last slide. “Summary” is spelled wrong. Great video though, I just bought Elementor Pro.

It was really good. Thank you for the tips. Could tell me the Facebook group URL, please?

Algun tutorial similar en idioma español para elementor basico, favor

Great accent, New Zealand?

Hi The video is amazing. I have some questions . If you set the global settings and local settings , can i have the conflicts with the style? Can i import the template for another web site? . This is my website www.thesuperfood.net/ . Can i have some suggestion to improve it? Thanks.

You need to explain so many of your actions. You also need to slow down and highlight your mouse actions. This and similar lessons seem to be rather hurried and haphazard. How about systematic explanations ?

DO YOU NEED TWO MONITORS, TO DO WHAT YOU ARE DOING BECAUSE I AM WORKING BLIND. cAN'T KEEP UP WITH YOU POINTER.

Global Styles ≠ Design System. I feel the marketing of this webinar is pretty misleading.

Completely lost me on the difference or preference between Theme Styles and Global Styles..

This was not a video on creating a design system and while the global and theme styles is a good step in the right direction, it is a long way from being effective. Please do another video on actually creating a design system. Show how to pick a simple color palette with dark grey, medium grey, light grey, white, black, and two or three accents. Disable global colors first, add the color palette, add a standard font family and setup theme styles, THEN import all the stuff and show how nice it is to have it uniform and how changes affect the site. If you would include a good starting color palette, a good font family with settings and good theme style settings on your help pages for global styles, fonts and theme styles, it would eliminate a world of confusion, especially if you showed how to use the global styles and fonts within the theme styles. Most of the videos I have watched to date, don't even demonstrate this correctly.

Its summary not summery))