![Jeffrey @ Lytbox](/img/default-banner.jpg)
- 164
- 1 673 062
Jeffrey @ Lytbox
United States
Registrace 27. 04. 2017
For my fellow Web Creatives! ✨💖✨
This is where web creators learn and grow together. That's what the Lytbox Academy is all about!
Dedicated to Web Designers, Developers, Freelancers, & Agency Owners.
To learn more about how the Lytbox Academy can add value check out lytboxacademy.com
To discuss a project reach out to me directly at lytboxacademy.com/contact/
This is where web creators learn and grow together. That's what the Lytbox Academy is all about!
Dedicated to Web Designers, Developers, Freelancers, & Agency Owners.
To learn more about how the Lytbox Academy can add value check out lytboxacademy.com
To discuss a project reach out to me directly at lytboxacademy.com/contact/
The Ultimate Free Figma UI Kit Designed for WordPress (Sprout UI Kit)
✨ Join us in the Lytbox Academy Community:
lytboxacademy.com/join-us/
🔗 Grab the Sprout UI Kit Here 👉 www.figma.com/community/file/1394628420631281673
/////
✨ Learn High-Level Web Design Skills With Me:
🟢 Master Elementor while learning web design skills:
lytboxacademy.com/design-with-elementor/
🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:
lytboxacademy.com/seo-for-wordpress-course/
🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:
lytboxacademy.com/maintenance-plans-course/
🟢 Become a Lytbox Academy Pro Member:
lytboxacademy.com/the-academy/
/////
✨ My Recommended WordPress & Web Design Tools:
👉 The hosting I use:
Cloudways (use promo code LYTBOX for 30% off 3/months)
lytboxacademy.com/cloudways/
xCloud:
lytboxacademy.com/xcloud/
/////
👉 My WordPress Tools:
Elementor Pro:
lytboxacademy.com/elementor/
Breakdance Builder:
lytboxacademy.com/breakdance/
Bricks Builder:
lytboxacademy.com/bricks/
Crocoblock:
lytboxacademy.com/crocoblock/
SEOPress (the best SEO tool for WordPress!):
lytboxacademy.com/seopress
Perfmatters:
lytboxacademy.com/perfmatters
InstaWP:
lytboxacademy.com/instawp
WP Umbrella:
lytboxacademy.com/wp-umbrella
/////
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#figma #figmaforbeginners #elementor #webdesign
lytboxacademy.com/join-us/
🔗 Grab the Sprout UI Kit Here 👉 www.figma.com/community/file/1394628420631281673
/////
✨ Learn High-Level Web Design Skills With Me:
🟢 Master Elementor while learning web design skills:
lytboxacademy.com/design-with-elementor/
🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:
lytboxacademy.com/seo-for-wordpress-course/
🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:
lytboxacademy.com/maintenance-plans-course/
🟢 Become a Lytbox Academy Pro Member:
lytboxacademy.com/the-academy/
/////
✨ My Recommended WordPress & Web Design Tools:
👉 The hosting I use:
Cloudways (use promo code LYTBOX for 30% off 3/months)
lytboxacademy.com/cloudways/
xCloud:
lytboxacademy.com/xcloud/
/////
👉 My WordPress Tools:
Elementor Pro:
lytboxacademy.com/elementor/
Breakdance Builder:
lytboxacademy.com/breakdance/
Bricks Builder:
lytboxacademy.com/bricks/
Crocoblock:
lytboxacademy.com/crocoblock/
SEOPress (the best SEO tool for WordPress!):
lytboxacademy.com/seopress
Perfmatters:
lytboxacademy.com/perfmatters
InstaWP:
lytboxacademy.com/instawp
WP Umbrella:
lytboxacademy.com/wp-umbrella
/////
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#figma #figmaforbeginners #elementor #webdesign
zhlédnutí: 3 514
Video
Fade Out Any Section Effect with Elementor & Bricks
zhlédnutí 3,4KPřed 14 dny
✨ Join us in the Lytbox Academy Community: lytboxacademy.com/join-us/ 🔗 Link to the CSS snippet for Elementor 👇 lytboxacademy.com/faded-section-elementor/ ///// ✨ Learn High-Level Web Design Skills With Me: 🟢 Master Elementor while learning web design skills: lytboxacademy.com/design-with-elementor/ 🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers: lytboxaca...
Designing Banner Graphics in Figma for Elementor Websites
zhlédnutí 2,5KPřed 14 dny
✨ Join us in the Lytbox Academy Community: lytboxacademy.com/join-us/ ///// ✨ Learn High-Level Web Design Skills With Me: 🟢 Master Elementor while learning web design skills: lytboxacademy.com/design-with-elementor/ 🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers: lytboxacademy.com/seo-for-wordpress-course/ 🟢 A step-by-step guide to building a WordPress Mai...
WooCommerce & Elementor Complete Step-by-Step Process with Omnisend Conversion Tips
zhlédnutí 3,5KPřed měsícem
WooCommerce & Elementor Complete Step-by-Step Process with Omnisend Conversion Tips
5 Questions Every Expert Web Designer Should Ask New Clients
zhlédnutí 1,4KPřed měsícem
5 Questions Every Expert Web Designer Should Ask New Clients
Integrate Elementor Forms to a Notion CRM [with Bit Integrations]
zhlédnutí 1,6KPřed měsícem
Integrate Elementor Forms to a Notion CRM [with Bit Integrations]
Elementor Glassmorphism Design Styles - Glass Headers & Cards
zhlédnutí 4KPřed 2 měsíci
Elementor Glassmorphism Design Styles - Glass Headers & Cards
The Ultimate FREE WordPress Speed Optimization Plugin 🚀 [Airlift]
zhlédnutí 6KPřed 2 měsíci
The Ultimate FREE WordPress Speed Optimization Plugin 🚀 [Airlift]
Skeuomorphic Buttons & Cards in Elementor
zhlédnutí 4,4KPřed 2 měsíci
Skeuomorphic Buttons & Cards in Elementor
Elementor Transparent Headers with Position Absolute
zhlédnutí 11KPřed 3 měsíci
Elementor Transparent Headers with Position Absolute
Building an Elementor Starter Blueprint Site
zhlédnutí 8KPřed 4 měsíci
Building an Elementor Starter Blueprint Site
The Most Common SEO Mistakes in WordPress (Free 🎁 Course Lesson)
zhlédnutí 2,1KPřed 5 měsíci
The Most Common SEO Mistakes in WordPress (Free 🎁 Course Lesson)
My Top 10 BEST WordPress Plugins for 2023 🏆
zhlédnutí 4,8KPřed 7 měsíci
My Top 10 BEST WordPress Plugins for 2023 🏆
Bricks Builder Trick - Glowing Cursor on Card Hover
zhlédnutí 7KPřed 7 měsíci
Bricks Builder Trick - Glowing Cursor on Card Hover
New Elementor Design Trick - Glowing Cursor on Card Hover
zhlédnutí 47KPřed 7 měsíci
New Elementor Design Trick - Glowing Cursor on Card Hover
Sales Badge In Elementor Product Loop Grids
zhlédnutí 6KPřed 8 měsíci
Sales Badge In Elementor Product Loop Grids
Elementor Product Loop Builder with Filters for WooCommerce
zhlédnutí 32KPřed 8 měsíci
Elementor Product Loop Builder with Filters for WooCommerce
All New Advanced Grid Containers For Elementor (with a free template 🎁)
zhlédnutí 15KPřed 8 měsíci
All New Advanced Grid Containers For Elementor (with a free template 🎁)
Elementor Grid Containers - First Look & Easy To Get Started
zhlédnutí 21KPřed 9 měsíci
Elementor Grid Containers - First Look & Easy To Get Started
New Updated Elementor Global Style Guide • A UI Improvement!
zhlédnutí 6KPřed 9 měsíci
New Updated Elementor Global Style Guide • A UI Improvement!
A Powerful WordPress Form Builder - Bit Forms
zhlédnutí 7KPřed 9 měsíci
A Powerful WordPress Form Builder - Bit Forms
Figma to Elementor Landing Page Super Speed Session #1
zhlédnutí 11KPřed 10 měsíci
Figma to Elementor Landing Page Super Speed Session #1
All New Elementor Category & Tag Filters (Taxonomy Filters)
zhlédnutí 50KPřed 10 měsíci
All New Elementor Category & Tag Filters (Taxonomy Filters)
How to Hide the New Elementor Apps Page & Ads
zhlédnutí 3,2KPřed 10 měsíci
How to Hide the New Elementor Apps Page & Ads
Wordpress Security Tip: Protect Yourself From Dirty IP's (IP Reputations)
zhlédnutí 1,2KPřed 10 měsíci
Wordpress Security Tip: Protect Yourself From Dirty IP's (IP Reputations)
How to SEO Optimize Your Elementor Headers & Menus
zhlédnutí 8KPřed 11 měsíci
How to SEO Optimize Your Elementor Headers & Menus
Single Page Scrolling Elementor Menu (Desktop & Mobile Anchor Scroll Menus)
zhlédnutí 8KPřed 11 měsíci
Single Page Scrolling Elementor Menu (Desktop & Mobile Anchor Scroll Menus)
Auto Responding Emails with Elementor
zhlédnutí 7KPřed 11 měsíci
Auto Responding Emails with Elementor
Simple WordPress Site Migrations with All In One Migration
zhlédnutí 4,5KPřed rokem
Simple WordPress Site Migrations with All In One Migration
Real Life Web Design Inspirations - 3 Alternative Sources
zhlédnutí 3KPřed rokem
Real Life Web Design Inspirations - 3 Alternative Sources
Thanks much for sharing!
please allow download
Nice thanks Jeffrey. I've been playing around and changing the menu is difficult: *Can we change the order of the frames within the navbar frame? *Can we edit the menu texts and/or add or delete menu items? Anyone?
Thanks for sharing!
Is this option possible only on elementor pro?
Thank you for sharing this, it does work 100% as expected!!!
Hello, how can I implement the sliding mode on the mobile phone in this style?
Excellent tutorial with lots of pro trips. Thanks a lot!
Can i live my website using this method
Thank you so much! Very useful tutorial!
Very good video tutorial!
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? 🙂
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 - czcams.com/video/PYIZhsW__iQ/video.htmlsi=1dx6Ter8fpPdrqUw
Hi Jeffrey! Great tutorial, thank you so much for sharing it! I'd like to add something. In my case, I've worked on this mobile menu for a one-page website with anchor links. As you might know, some JavaScript code is missing for this mobile menu to work correctly when clicking on an anchor link and closing the menu. By adding this JavaScript code in 'Elementor > Custom Code > Add New' selecting 'Location: </body> - End' and selecting 'Always load jQuery' this issue will be resolved: <script type=“text/javascript”> document.addEventListener('DOMContentLoaded', function() { var navControl = document.getElementById('nav-control'); var menuLinks = document.querySelectorAll('.lytbox-navigation a'); menuLinks.forEach(function(link) { link.addEventListener('click', function() { if (navControl.checked) { navControl.checked = false; } }); }); }); </script>
Can anyone tell me if there are Figma component kits? I'm looking for premade components, for example a dropdown selection with the ability to customize the component with my own items . . . as many as I want, and of course, customize its style. If component kits exist, please let me know their names so I can locate them. If they are high quality, I of course would expect to pay for them. Thanks community!
another Jeffrey addition to our currently being built website!! thanks mate :)
Please make a video on SEOPress PRO
Thanks for the great vid, Jeffrey! Have you played around with their Figma to Elementor plugin? It imports well (on the surface) but then you have to relink fonts and colors to custom elementor global styles, plus it doesn't handle containers' padding as efficient as a designer/developer would. I'm curious to hear your thoughts on when/if this tool might be worth using. Thanks for any thoughts!
Holy WP WOW!!
Thanks.
Excelent!!!
you are a beast
Dig, dig, dig this! It has caused me to jump back into Figma! Great compilation!
This is really fantastic. Thanks so much for sharing.
❤😍❤😍❤😍
Hey! Can I ask what microphone do you use?
Thanks bro
Just awesome tutorial, Jeff. Got really good value. I am also into Figma and Elementor. This perspective really helps. Thanks.
UI Kit - The "delete" what you don't want process is so tedious! Isn't it possible to just copy what you do want into a new file?
Why does it, when I go to "Advanced", and try to change the HIGHT, it changes the WIDTH? I feel I have 18 way to change the widh, and not single one to change the hight. I placed 4 elements into one box: logo, button, and 2 for text. One of the texts is long, so now each element got stretched to that same size. So now I have this huuuuge unnecessary space under my logo and the button. It look ridiculous.
I left a comment on your other comment. I hope you figure it out. I’ve been there being frustrated trying to figure things out too. Keep learning though, it will start to make sense.
Why is Elementor so clunky and unnecessarily complicated. Why can't they just make things stretchable and movable by click and drag, instead of needing adons for everything. I have to watch 2 hours of videos to figure out how to change sizes of boxs within the grid. I still didn't find it, lol. One guy records 20 minutes video about just changing the width. That's literally insane, that I need school to do something so simple.
I understand your frustration but please understand, it took me years to learn and understand web design and development. It’s something that takes time and dedication to learn and understand. The tutorials help out but we also need to go in, take the time and learn the tools like Elementor. It’s doesn’t help getting frustrated and blaming Elementor or the people taking time to create videos and teach. Keep learning and everything you mentioned will start to make sense.
@@LytboxStudio I wasn't blaming him. I'm saying it's crazy that there needs to exist a 20 minute video for such a simple thing. I know it takes time to learn. I'm not here since yesterday. I've built 100s of websites on Shopify, in Wix, ClickFunnels... That's why I have to disagree with you on that one thing: I absolutely will blame Elementor for being the way it is. I would never use it, if my client doesn't already have a website on it, and insists on staying loyal. Now, I will learn it, since I have to. But it is clunky, and needlessly convoluted.
perfect
Catching the Replay as I am working, this is going to be a great one for sure!
Oh!!! 🤩🤩🤩🤩🤩🤩
Thanks Jeffrey... nice work! It's always great to see how others approach building a new site with Elementor. I've always had an issue with Elementor that whenever I set a height or width the number just keeps increasing on its own like it's caught in a loop.
Wow, this UI Kit is absolutely phenomenal...literal game changer. Thanks for the breakdown, Jeff. I will definitely be using this kit moving forward.
Super cool. We need more tutorials like this!
Sir your videos are very helpful for us
Great content as always!
Amazing
This is awesome!! Thank you man 👏🙌
Thanks for sharing this!
This is sooooo amazing! Thanks Jeffrey!
Great video, Jeffrey. Sprout UI is definitely a great resource. It has all the things needed for a good design. Thanks for sharing.
Hi Jeff, I just want to thank you for this amazing resource you shared. This is going to help me navigate WordpRess and figma. Love it.
Thanks for sharing, this ui kit is fantastic
This guy reminds me of Lem from The Shield, a real cool customer. I saw your podcast with InstaWP recently Jeffrey, great tips on MRR - I think the foundational stuff such as that is so often skimmed over in favour of getting stuck into projects. Anyway, derailing this videos topic here. Thanks for the resource :)