Jeffrey @ Lytbox
Jeffrey @ Lytbox
  • 164
  • 1 673 062
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
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

Komentáře

  • @andru2625
    @andru2625 Před hodinou

    Thanks much for sharing!

  • @haveacupacapuccino4834
    @haveacupacapuccino4834 Před 16 hodinami

    please allow download

  • @koentag84
    @koentag84 Před 16 hodinami

    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?

  • @vidjinnangniG
    @vidjinnangniG Před 16 hodinami

    Thanks for sharing!

  • @raz0u
    @raz0u Před 17 hodinami

    Is this option possible only on elementor pro?

  • @rafaellima7021
    @rafaellima7021 Před 19 hodinami

    Thank you for sharing this, it does work 100% as expected!!!

  • @xiaolan-vw3ed
    @xiaolan-vw3ed Před 20 hodinami

    Hello, how can I implement the sliding mode on the mobile phone in this style?

  • @MariaRina-km9vg
    @MariaRina-km9vg Před 22 hodinami

    Excellent tutorial with lots of pro trips. Thanks a lot!

  • @rohitlokhande9461
    @rohitlokhande9461 Před dnem

    Can i live my website using this method

  • @fredo0630
    @fredo0630 Před dnem

    Thank you so much! Very useful tutorial!

  • @visualmodo
    @visualmodo Před dnem

    Very good video tutorial!

  • @andonisr
    @andonisr Před dnem

    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? 🙂

    • @LytboxStudio
      @LytboxStudio Před dnem

      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

  • @Bukanderivia
    @Bukanderivia Před dnem

    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>

  • @billnapper5737
    @billnapper5737 Před dnem

    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!

  • @jaseyarm
    @jaseyarm Před 2 dny

    another Jeffrey addition to our currently being built website!! thanks mate :)

  • @jtisaks8569
    @jtisaks8569 Před 2 dny

    Please make a video on SEOPress PRO

  • @hdustinowens
    @hdustinowens Před 2 dny

    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!

  • @thewebstylist
    @thewebstylist Před 3 dny

    Holy WP WOW!!

  • @TheMaydazz
    @TheMaydazz Před 3 dny

    Thanks.

  • @instennis7683
    @instennis7683 Před 4 dny

    Excelent!!!

  • @haveacupacapuccino4834

    you are a beast

  • @markbratton111
    @markbratton111 Před 4 dny

    Dig, dig, dig this! It has caused me to jump back into Figma! Great compilation!

  • @LisaRatzlaff
    @LisaRatzlaff Před 4 dny

    This is really fantastic. Thanks so much for sharing.

  • @ObaidurRahmanHumayun

    ❤😍❤😍❤😍

  • @mankilany
    @mankilany Před 4 dny

    Hey! Can I ask what microphone do you use?

  • @abdelmjidbllaoublla745

    Thanks bro

  • @Atulwebdesigner
    @Atulwebdesigner Před 5 dny

    Just awesome tutorial, Jeff. Got really good value. I am also into Figma and Elementor. This perspective really helps. Thanks.

  • @desireearthoceans1797

    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?

  • @DamirRegoc-c7z
    @DamirRegoc-c7z Před 5 dny

    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.

    • @LytboxStudio
      @LytboxStudio Před 5 dny

      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.

  • @damirregoc8111
    @damirregoc8111 Před 5 dny

    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.

    • @LytboxStudio
      @LytboxStudio Před 5 dny

      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.

    • @damirregoc8111
      @damirregoc8111 Před 5 dny

      @@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.

  • @firewallk1993
    @firewallk1993 Před 5 dny

    perfect

  • @TheEssentialWebsite

    Catching the Replay as I am working, this is going to be a great one for sure!

  • @SusanaLanguideyG
    @SusanaLanguideyG Před 5 dny

    Oh!!! 🤩🤩🤩🤩🤩🤩

  • @fireball8design338
    @fireball8design338 Před 5 dny

    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.

  • @LordJHouse
    @LordJHouse Před 5 dny

    Wow, this UI Kit is absolutely phenomenal...literal game changer. Thanks for the breakdown, Jeff. I will definitely be using this kit moving forward.

  • @JoshuaAguilar-p9s
    @JoshuaAguilar-p9s Před 5 dny

    Super cool. We need more tutorials like this!

  • @sahanikumar9876
    @sahanikumar9876 Před 5 dny

    Sir your videos are very helpful for us

  • @arnelGo-fj7qc
    @arnelGo-fj7qc Před 5 dny

    Great content as always!

  • @arnelGo-fj7qc
    @arnelGo-fj7qc Před 5 dny

    Amazing

  • @litwinkamil
    @litwinkamil Před 5 dny

    This is awesome!! Thank you man 👏🙌

  • @arnoldadamson3879
    @arnoldadamson3879 Před 5 dny

    Thanks for sharing this!

  • @oscarmartinlive
    @oscarmartinlive Před 5 dny

    This is sooooo amazing! Thanks Jeffrey!

  • @Atulwebdesigner
    @Atulwebdesigner Před 5 dny

    Great video, Jeffrey. Sprout UI is definitely a great resource. It has all the things needed for a good design. Thanks for sharing.

  • @HeyBitrus
    @HeyBitrus Před 5 dny

    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.

  • @remaxdigital2589
    @remaxdigital2589 Před 5 dny

    Thanks for sharing, this ui kit is fantastic

  • @garethBarry_dev
    @garethBarry_dev Před 5 dny

    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 :)