Elementor Glassmorphism Design Styles - Glass Headers & Cards
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2024
- We can get more creative with our Elementor websites by applying Glassmorphism to our cards, elements, and sticky headers and menus.
Free Glassmorphism Generator used in this tut 👇
ui.glass/generator/
🟣 ////// Learn Powerful SEO for WordPress
lytboxacademy.com/seo-for-wor...
===================================
🟢 ////// Master Elementor with Better Designs
lytboxacademy.com/design-with...
===================================
🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans
lytboxacademy.com/maintenance...
===================================
🏆 ////// Become a Lytbox Pro Member
lytboxacademy.com/the-academy/
===================================
🌟 ////// Personal 1-On-1 Elementor Training
tidycal.com/lytbox/elementor-...
===================================
////// The Hosting I use:
👉 Hostinger (Best for beginners & smaller budgets)
www.hostg.xyz/SHDX8
👉 Cloudways (Best for scaling web businesses)
www.cloudways.com/en/?id=485185
👉 RunCloud (Best for professionals)
runcloud.io/
////// WordPress Tools I use:
👉 Bricks Builder
bricksbuilder.io/
👉 Elementor
be.elementor.com/visit/?bta=4...
👉 Breakdance
breakdance.com/ref/390/
👉 Crocoblock
crocoblock.com/?ref=2021
👉 SEOPress Pro
www.seopress.org/?ref=854
👉 Perfmatters
perfmatters.io/?ref=1230
👉 WP Umbrella
wp-umbrella.com/?fpr=jeffrey83
👉 InstaWP
instawp.com/?via=jeffrey
TIMESTAMPS:
0:00 Intro
0:35 Glassmorphism Generator
3:01 Applying in Elementor
9:16 Creating Sticky Glass Menu
15:18 Outro
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementor #elementortutorial - แนวปฏิบัติและการใช้ชีวิต
This mans about to take over the wordpress tuts.. 100%!!.. 🔥content homie!
Haha thanks 🤣
Thanks, Jeff. Your work is always inspiring.
I really appreciate this! Thanks 🙏
Amazing stuff here mehnn🎉
🙏
Lovely 😍 Keep up the good work 💪 Take love from Bangladesh 🤝💛
Awesome thanks!
This is awesome ✨✨
Thanks! Glad you're digging it 😎
this guys smash the tuts lol
Thanks! Got lots more on the way 😉
@@LytboxStudio just awesome 🌟
Love the content!
I followed the instructions to the T - However..
I got a container in the background with a background image and a container inside with a higher z index. It works fine on the editor and shows the effect but when published there is no effect and i see the image clearly. Ive tried resetting css in elementor and purging the site and cache too!
If can been seen in the editor but not the front end it’s usually because something is still caching. Try changing browsers and using in incognito.
Great tutorial! Thanks mate
Awesome thanks!
I love this so much.
That’s awesome thanks!
Awesome,,,Thank you
Thank you!
amazing video !
Thanks 🙏
how do i achieve this card layout used here?
It’s all in the tutorial 😉
Why the absolute position on header? With selecting sticky to the top and zindex is enough...
Good question. If no position absolute, then the header would be on top of the banner and layered over it. For a transparent header you need either to set the head to absolute or use negative margins.
@@LytboxStudio oh ok, yeah.
How does it look like in a mobile view?
The same. I suggest trying and testing to see how it looks on your phone. I do all my mobile testing and optimizations this way
You should create css classes like .glasslight, .glassmedium and set in custom css. Adding as selector is a bad idea as adds a lot of extra code to the page for replicated css. Should teach best methods not just cool effects.
You must be new to my channel. Check out the other vids including the ones adding CSS. I always use classes. This is the 2nd video I made using the selector. In some cases the selector is useful. Especially for beginners. You can edit the values and see the effects change live. For those of us that know CSS well, we can take that and put it in a class. Adding all CSS in selectors is bad, but for rare occasions it’s ok. Even Bricks added roots and that’s the ‘best practice’ tool.
it would be good if slower
I was planning on making this under 8 minutes lol If the header build went too fast, check out my other header tuts. I have quite a few that shows the header and menu build in detail.