Lots of sites use pseudo elements for little design accents. The challenge is: how do you add them quickly (like with a single class) while still being able to manipulate them individually based on the context of where they're being used?
In today's training I'm going to cover:
• How pseduo elements work
• How to create pseudo elements (::before and ::after)
• How to assign pseudo elements to a re-usable class
• How to use negative z-index without issues
• How locally scoped variables work
• How to use locally scoped variables to make individualized changes to pseudo elements
• And more!
And guess what? You can even take this a step further and use data attributes to manipulate the pseudo elements.
This is a tutorial that you'll get value out of regardless of your skill level. It's great for beginners, but it has stuff even advanced users can put to use.
Note: While this tutorial is done in Bricks Builder, this a CSS technique that works in any builder or even non WP websites.
Automatic.css – https://automaticcss.com
Frames – https://getframes.io
Inner Circle – https://geary.co/inner-circle/
Link to last weeks 2-hour deep dive on my new site: https://youtube.com/live/99MFGUHrakE
Everything you need to know about positioning in CSS: https://youtu.be/wAvjJ3p5iSM