CSS Fluency: Become a true expert in elementor
Build better WP websites
I could not find a code demonstration method that was exactly what I wanted, so I developed my own for this course. Here is an example of one of my Code Playgrounds. Both the CSS and the HTML are editable directly, and clicking on different CSS snippets will automatically apply that CSS to the preview.
What you get
About the Teacher
Maxime has worked for several international companies, such as Bosch, Bai communications, AppCast and Forms2mobile. Maxime is running Element.how, the most important Elementor custom code based tutorials repository. Maxime has also created https://shapedividers.com/, a CSS generator tool used to make static and animated SVG shape dividers.
Projects he has contributed to have been featured in GQ magazine, Elementor.com sites of the month, and Elementor.com sites of the year. Elementor.com uses the CSS-only mega menu technique that Maxime created and published on Element.how, and an exclusive tutorial to recreate their mega menu is part of the CSS course.
Be CSS
Independent
By knowing CSS, you won’t have to rely on others anymore for simple adjustments. Neither will you need to add a whole new plugin for something that a few lines of CSS could have achieved. You will have much better control over the look of your projects, and you will be able to give every design a unique, out-of-the-box appeal.
You will learn about the Cascade and the browser DevTools, which will allow you to quickly troubleshoot and debug custom CSS you have written.
You will learn how to find exactly where the CSS “problems” are: whether they’re from a plugin, your theme, or if it’s from Elementor, exactly where the setting behind the CSS is, or where the custom CSS lies.
Say goodbye to having to hire a CSS developer for every little custom CSS need. You will be able to independently author your own custom CSS with the knowledge that you are doing it right.
Learn the two wrappers system Elementor uses for every element, the “selector” keywords, on which element the class names are added (when you give an element a class name from the Elementor editor) and its implications, the Elementor CSS file system, and how to quickly locate a bit of CSS, be it custom, default, or from a UI setting.
Get a deeper understanding of CSS, its interactions with the HTML, pseudo classes, pseudo elements, positioning, flexbox… A good understanding will save you a lot of trouble while coding CSS and make the process much smoother.
In this course, not only will you learn all the basics of HTML and CSS, but you will also learn habits and methods that will put your CSS learning on autopilot. The exact same techniques I have used myself, and am still using every day.
Embrace CSS and build better WP websites
Everything you will learn about CSS in this course will serve you well on any and all WordPress projects, as well as more generally, on any website or mobile app project. CSS is the universal option when it comes to visually styling elements on web pages or mobile apps.
So, even if you plan to switch to another WordPress page builder, or another system entirely, you will bring that very useful knowledge with you
Get this course if you want to:
- Stop struggling with custom CSS
- Have a deeper understanding of CSS
- Understand positioning well
- Know everything about adding CSS in Elementor
- Create unique designs that stand out from other Elementor sites
- Avoid having to buy additional plugins when a line of CSS could have sufficed
- Be set on an independent path to forward your learning of CSS
Become a CSS ninja...
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.