Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Master Glassmorphism with Elementor, Divi, and Blocksy

Ferdy․com | Ferdy Korpershoek via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to implement the trendy glassmorphism visual effect across multiple WordPress platforms in this comprehensive tutorial. Discover how to create stunning translucent, glass-like elements using CSS techniques specifically tailored for Elementor, Divi, and the Blocksy theme. Master the art of applying backdrop filters, transparency effects, and subtle shadows to achieve the modern glassmorphism aesthetic that's popular in contemporary web design. Explore practical implementation methods starting with Elementor's custom CSS capabilities, then advance to creating glassmorphism effects in Elementor Pro headers for navigation elements. Continue with hands-on techniques for integrating these effects seamlessly into the Blocksy theme's design system, and conclude with step-by-step instructions for implementing glassmorphism in Divi's visual builder environment. Gain the skills to enhance your WordPress websites with this sophisticated design trend that adds depth and visual interest to user interfaces.

Syllabus

00:00 Intro
00:19 Elementor and Customs CSS
4:44 Elementor Pro Header
08:57 The Blocksy Theme
10:02 The Divi Theme

Taught by

Ferdy․com | Ferdy Korpershoek

Reviews

Start your review of Master Glassmorphism with Elementor, Divi, and Blocksy

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.