Thank you all for the 100+ likes 💖 Here is my Elementor Starter site free to use and make it yours! Link to spin up the site and and clone - app.instawp.io/launch?t=the-lytbox-elementor-blueprint-1&d=v2 It's all free, no strings attached. Use as you like. To clone the starter site: 1. Use InstaWP and clone to your own templates 2. Use All in One Migrate or other migration tool to clone and use on your own staging environment.
@СергейБондаренко-ф9б9 ай бұрын
Hi, thanks for your work. In the video you set the typography in viewport-based clamped values and in the template I found only in rem and em units. Why?
@LytboxStudio9 ай бұрын
@@СергейБондаренко-ф9б whenever starting a new site, I need to adjust the desktop and mobile fonts sizes for the design. I start adding rem in desktop and mobile to quickly make adjustments then when I got my sizes down, I can turn into clamps. It’s quicker than adjusting a clamp.
@jaseyarm6 ай бұрын
very kind of you mate. you're a true sharer :) i am gonna have a go at installing this. i thought the video was great, so this should be a real asset. thanks again buddy :)
@Genzhero20243 ай бұрын
why have you created header snippets in custom code option? what is the use of it? it will be very kind of you
@LytboxStudio3 ай бұрын
@@Genzhero2024 Some snippters like google verification and analytics goes inside of the head snippets. Then there are others that go in the footer like javascript. This would be a good video explaining which snippets goes where.
@Etnapol779 ай бұрын
Hello Jeffrey, nice to see you back! 2:21 Yes please!
@LytboxStudio9 ай бұрын
You got it! It's on the list
@marianakirby77212 ай бұрын
First time watching your videos. I like it! Greetings from Argentina.
@bobruis40739 ай бұрын
Its great! Made it for myself aswell a while back. Remember to update your preset / blueprint each month :)
@LytboxStudio9 ай бұрын
Great tip! I like to connect mine to my WP manager (WP Umbrella) to keep updated.
@gabrielk54979 ай бұрын
Jeffrey, thanks for sharing all your process. These days I was just thinking about this. I love your minimalism!!!
@LytboxStudio8 ай бұрын
Thanks! I do love keep thing minimal and clean 😎
@SatisfyingEverything13 ай бұрын
i think you deserve more likes bro. very detailed video, nice speed. some how developers do make informative videos but they actually explain way too much so sometimes we forget what did we just watched because whoever is here definitely would know some basics , so i loved the idea of skipping the basics and getting right into the important stuff we're all here for. love from Pakistan
@ManuelWillCom7 ай бұрын
Thanks for that! I would love to see your take on setting up padding classes for your containers. this takes a huge chunk if not most of the time when building out a site in Elementor. Have tried a few systems but i always fall back to manually adjusting a lot.
@LytboxStudio7 ай бұрын
Classes on containers is def the way to go for speeding up a workflow. It'll also keep the code cleaner. It's been rumored that Elementor is working on a class feature like in Bricks. Fingers crossed 🤞
@payzievrustam9 ай бұрын
Letsgooo🔥🔥 So glad to see you back!
@LytboxStudio9 ай бұрын
Ready to kick it off again 💪
@thewebstylist9 ай бұрын
Luv your process bro annnnd Like 106th! I’ve got 4 of my own saved ‘templates’ and start most site designs w importing one of their zip files w All In One Migration pro plugin, indeed our starter sites save sooo much time.
@LytboxStudio9 ай бұрын
Big 106! 🤟 Thanks and that’s a great idea to make a few ‘starter’ templates. That’s taking the workflow to the next level.
@andonisr4 ай бұрын
@@LytboxStudio I've been using Duplicator plugin all along and was wondering if All in One Migration is simpler?
@LytboxStudio4 ай бұрын
@@andonisr It’s been years since I tried Duplicator. From what I remember, I went with All In One Migrate because it was an easier process but I still don’t know who Duplicator has changed throughout the years. They both basically clone sites that can be used for migrations.
@plantifulalexandra9 ай бұрын
23:05 Same! Sometimes at least. Do you turn off the plugin later?
@LytboxStudio9 ай бұрын
I keep SVG support tunred on becasue I set it up in the settings for better security and performance. It's usful.
@samwillun9 ай бұрын
Very nice to see you back, youtube elmentor guru!
@LytboxStudio9 ай бұрын
Thanks! 🙏
@benjah2219 ай бұрын
Hey Jeffrey could you please make an updated video on "Style Guide - Webdesign (Typography)"? Would be awesome
@LytboxStudio8 ай бұрын
Definitely! Got more web design focused videos coming soon!
@benjah2218 ай бұрын
@@LytboxStudiowow would be so amazing, thank you ❤
@NicholasZein9 ай бұрын
Welcome back! 💪
@LytboxStudio9 ай бұрын
Thanks Nicholos!
@plantifulalexandra9 ай бұрын
Yes, that's great, I did a similar thing, also with the font styles because it's such a pain to set it up. You can still make changes if it doesn't work for your font.
@LytboxStudio9 ай бұрын
Exactly!
@engrfahadkhansurani9 ай бұрын
This is awesome. Thank you!
@LytboxStudio9 ай бұрын
Cool thanks! 😎
@adywiles51329 ай бұрын
Anyone know the left had slide out panel app Jeffrey is using to reference bookmarks, it looks useful.
@LytboxStudio9 ай бұрын
That's the Arc Browser. It's awesome!
@adywiles51329 ай бұрын
@@LytboxStudio thanks Jeffrey, great tutorials by the way ...fantastic workflow too. Lovin it ..cheers.
@LytboxStudio9 ай бұрын
@@adywiles5132 thanks! 🙏
@pezreloaded84369 ай бұрын
Great video! What was the site you were using for clamp?
@LytboxStudio9 ай бұрын
Thanks Pez! Here's a link to the clamp calculator (btw Imran has one on his site too 😉) chrisburnell.com/clamp-calculator/
@pezreloaded84369 ай бұрын
@@LytboxStudio Thanks for sharing!
@MiStiQueT9 ай бұрын
i was looking for this! very useful
@LytboxStudio9 ай бұрын
So great to hear thanks!
@clementyo45269 ай бұрын
Awesome video Jef ^^
@LytboxStudio9 ай бұрын
Thanks Clement!
@marcosperez-y3j5 ай бұрын
What happened to your fonts at 26:25?
@SmithyProductions5 ай бұрын
Do the plugins update to their latest versions within the template? Also is there a way to do this with Siteground as my host? Thanks!
@gabrielk54979 ай бұрын
Hi Jeffrey! On Content Width setup did you experience with VW instead of REM? Would like to know your thoughts about VW on this situation. Thanks!
@LytboxStudio8 ай бұрын
Good question. I never use VW for container width because it doesn't fit my design system. I set a width to my container and all of my elements are carefully structured and styled to fit it just right. And then with side paddings I can make sure I have the right paddings for responsiveness. I use rem instead of px so it's relative for accessible tools. I wouldn't say using VW is wrong, just that to make sure your design system can work with the fluid width changes and remove the VW when getting to tablet widths because it'll cause design issues.
@gabrielk54978 ай бұрын
@@LytboxStudio thanks for your kind answer.
@seanguillermo27 күн бұрын
what website builder/manager do yo use?
@koentag848 ай бұрын
Hey Jeff I understand the way you use the global fonts but there's one problem: when you don't set up the default text and h-tags the client won't have any styling when writing a blog and selecting styles. Or am I missing something?
@LytboxStudio8 ай бұрын
Good question. The only time setting up Typography Styles makes sense is with blogs but the impacts the entire website and harms SEO. Best way for us to set up clients is to create Global Fonts and test the client how to use these and how to select the write H tags with their headers. And then for the blogs is for us to create a single post template and style it up once with CSS. The client only needs to add their content in Gutenberg for blogs and not need to worry about styling. I have a video on my list to share this strategy and CSS framework for blogs. I wrote one and reuse on all my client sites and saves a lot of time. That’ll be out soon.
@diogos72338 ай бұрын
What software program do you use to create that ripple effect on mouse click? That's awesome.
@LytboxStudio8 ай бұрын
Screenflow for the screen recording does it
@NooNaLaluna9 ай бұрын
Nice one!! 💗
@LytboxStudio9 ай бұрын
Thanks!
@skillswithzain9 ай бұрын
Hey Jeffrey! I have visited your website and it's really beautiful & attractive🔥 But these is an issue, that cookies pop-up cause an vertical scroll (in mobile) which not looks good.
@LytboxStudio9 ай бұрын
Thanks for the heads up! I thought I had that fixed already. I'll need to investigate it again 😅
@KoruVisual9 ай бұрын
Hi Jeff, Nice to see you again! Btw, I have a question, Why did you not set up Typography by default? How do you set up a font for the blog purpose like H1-H6? IMHO, if you have not set up typography, the single blog uses the default font system not font from the design system. Need enlightenment 😄
@LytboxStudio8 ай бұрын
Good question and this is a WordPress challenge. If you set up Typography style for H1-H6 only for the purpose of the blog, it'll effect the whole site and then we need to override the styles for the entire site. It's not a good thing to have to override CSS styles. A way to keep your code cleaner and prevent issues is to write the CSS for the blog styles. I have a video coming up on this with my CSS template I use for my blogs. It'll explain more and make it easy even for non-coders to style up single post templates.
@andonisr4 ай бұрын
Hi again and thank you so much for the tips and free template. I just wanted you to know that the export through the plugin came to about 156mb. When trying to import using the same plugin, it tells me the free version only supports imports up to 12mb :-) I then tried Duplicator, (installed it, exported ), but while the installation went fine, I cannot access the front-end of the site...! Bummer..!!!
@LytboxStudio4 ай бұрын
Do you mean the front end or back end. If it’s the backend (dashboard) here’s the fix, duplicate the blueprint in InstaWP and change the email and password before migrating it with Duplicator.
@andonisr4 ай бұрын
@@LytboxStudio Hi, it's the front end that cannot be accessed. Any idea what can be causing it? Also, is the back up limit just 12mb with the other plugin? Cheers 😎
@LytboxStudio4 ай бұрын
@@andonisr what are you seeing in the front end?
@andonisr4 ай бұрын
@@LytboxStudio Oh I've now given up on it as I did the installation twice and I just saw a while screen with just the wordpress customise menus at the top. It's weird, it's like it loads all WP editing tools at the top and none of the content. I thought it was something to do with Duplicator and the AIOMigration plugin, so I even deleted the later. Nothing, still no content. So now I installed a fresh WP and started tweaking settings from the start.. 😨😉
@LytboxStudio4 ай бұрын
@@andonisrit’s supposed to have a white screen in the front. It’s a blank site with all the plugins and set ups completed to start building faster. It’s a white screen all set up to start building. You misunderstood what a blueprint site is for.
@ak47marx169 ай бұрын
Interesting, thanks for the info. If you set content width 1280 does that mean, that people with 1280px wide laptops will not see any padding from the sides and the logo and content is stuck to the screen side? I noticed 8% in my country use 1280px resolution screens so I should stick to elementors 1140px?
@LytboxStudio9 ай бұрын
Good question. Your outer container should have padding inside of it. I usually use 40-80 pixel padding on the sides for desktop and 20px in the sides for mobile (converted to rem) Even if you set at 1140px, you'll run across the same issues with smaller screens like iPads and Chromebooks. That's why we need padding in the outer containers.
@rafadiogo959 ай бұрын
You are the man!
@LytboxStudio9 ай бұрын
💪
@leebarnes94869 ай бұрын
how does this work if i want to turn my site into a multisite? Im running into issues with that
@LytboxStudio8 ай бұрын
I haven't tested multisite yet but InstaWP does have a multisite option. You can give that a try and the Insta team is very responsive with support
@mohammad-omar-079 ай бұрын
You saved my day.
@LytboxStudio9 ай бұрын
Awesome thanks!
@andonisr4 ай бұрын
How come you use t-shirt sizes for your fonts and not title tags like H1, H2, etc? Isn't that more confusing when you are troubleshooting SEO? 🙂
@LytboxStudio4 ай бұрын
H tags are not for font sizes. They are the content hierarchy. Using H tags based on font sizes is bad for SEO. I explain it all here - kzbin.info/www/bejne/hoqsi5upjMSSn7Msi=1dx6Ter8fpPdrqUw
@scottaucutt72628 ай бұрын
I have a question about uploading fonts into Elementor vs just turning on the use Google fonts option. If I am using the fonts from Google anyway, why take all that time to download the Google font, upload and designate all the versions you want to use in your Elementor site? It just seems like a lot of time wasted for very little benefit. Is there something I'm missing?
@LytboxStudio8 ай бұрын
Good question. The thing is it's a very big benefit. It keeps your site GDPR and privacy compliance and has a big impact on the performance. Well worth the time to do things right.
@KevinTunis9 ай бұрын
Jeffrey, what Elementor Pro license do you need to set this up?
@LytboxStudio9 ай бұрын
To get the full features of Elementor we need the advanced on up. Free version is way too limited and you’ll need many plugins to compensate and the new Essentials plan is also a deal breaker for me without dynamic data.
@KevinTunis9 ай бұрын
@@LytboxStudio In the video where you demonstrate installing Elementor Pro, you activate it and add your license. It appears that with each new project spin-up, I am going to have to purchase a new license for each.
@TakuapaFriends9 ай бұрын
why not use happy files for media, posts, cpts etc? :)
@LytboxStudio9 ай бұрын
Great question. I've started using Happy Files a year ago and added it to my blueprint!
@jasonstetsonofficial9 ай бұрын
PLZ!!! do one for Local WP!!
@LytboxStudio8 ай бұрын
Haha cool! Added to my list!
@mdqmatias9 ай бұрын
I have made this but i have a file of all in one always ready to upload to any fresh wp installation and boom, all my blueprint it's there.
@LytboxStudio9 ай бұрын
All in one is a great way to create blueprints. I used this method for years
@marc38588 ай бұрын
What is a child theme for and how to use it properly?
@LytboxStudio8 ай бұрын
Great question. A child theme is a safe way to add code to your website. If you edit code in your parent theme, it'll all be removed in the next theme update. A child theme will keep your code even after updates. It's a good practice to add child themes even if you aren't editing or adding code to your theme because that could change in the future.
@UsamaNawazMujaddadi-yy3eb9 ай бұрын
Can anyone tell me what browser he's using.
@KoruVisual9 ай бұрын
Arc Browser :)
@robertsiprak61479 ай бұрын
That is great video. Tnx
@LytboxStudio9 ай бұрын
Thanks 🙏
@kirk599 ай бұрын
Anyone advise on how to import the blueprint into instawp?
@LytboxStudio9 ай бұрын
I added a link to my blueprint in the pinned comment in the top. If using InstaWP, create a staging site, then go to templates, create a new template and use the staging for the template.
@rswebmarketing9 ай бұрын
Clamp is good but depending on what font you use, the sizes could be totally different. So it seems hard to process this step.
@LytboxStudio9 ай бұрын
I start with REM and then it’s optional to convert into clamp. It’s still totally fine to use REM 😉
@andonisr4 ай бұрын
@@LytboxStudio ..and you'd use REM for more responsiveness sake???
@LytboxStudio4 ай бұрын
@@andonisr great question! It’s more for accessibility’s sake. REM adjusts when the screen is zoomed in.
@stefanpfadt43539 ай бұрын
Awesome! :)
@LytboxStudio9 ай бұрын
Thanks! 🙏
@khairulislamshagar74109 ай бұрын
Awesome
@LytboxStudio9 ай бұрын
Thanks!
@catbraintech9 ай бұрын
I was 100th like hehe
@LytboxStudio9 ай бұрын
That’s a special like!
@absoftcompany9 ай бұрын
nice video
@LytboxStudio9 ай бұрын
Thanks! 🙏
@pixelfacepirate9 ай бұрын
Why do you turn off Google Fonts?
@LytboxStudio9 ай бұрын
Always download Google fonts and install on the site. It’s better for performance and GDRP compliance.
@pixelfacepirate9 ай бұрын
@@LytboxStudio Thank you. I appreciate you sharing that with me.
@pixelfacepirate9 ай бұрын
@@LytboxStudio Do you happen to have any content that talks about best practices for keeping inodes on servers at a minimum?
@LytboxStudio9 ай бұрын
@@pixelfacepirate I'm more of a front-end and design guy. I got some awesome devs in the Lytbox Pro Community that specialize in server and backend best practices.
@pixelfacepirate9 ай бұрын
@@LytboxStudio I'd be interested to learn more about just being a front end design guy. Currently, all my clients were interested in having their site hosted for them. So I use siteground and hostinger to host their sites for a fee.
@KaifShaikhTaufiq9 ай бұрын
What about a blueprint site, and a component site Having all the loop templates, card, different styles of header, footer and mostly repeated conponents Why a different component site, we don’t need unsed templates on our new site Just copy paste or import export the template
@LytboxStudio8 ай бұрын
Good idea if you are using design templates to create quick sites.
@wordpressjunkie88309 ай бұрын
We got 100 likes, I'd like to check out your template please
@LytboxStudio9 ай бұрын
I just added it in the pinned comment at the top of the comments!
@fabrictexture47679 ай бұрын
jeff its look like you going to miss the train. It is not a biggner elementor tutorial, it is wise to name this tutorial, how to make a video tutorial to get 47 marks out of 100. Isnt It? if you are not agree I will time stamp here jeff. Anyway take my comment possitivly.
@LytboxStudio9 ай бұрын
I don’t understand. Please provide more context and explain clearly.
@campusconnecttv1709 ай бұрын
100 likes
@LytboxStudio9 ай бұрын
Much 💖! I added a link to my blueprint site to clone in the top comments. Look for the pinned comment in the top!