It's so good to have a builder with such Intelligent design. Small ideas: It would be great, besides having the most used ones, to have the list of the available options appear as soon as you start typing. It would also be nice to have a little Mozilla icon (dinosaur?), same weight as the little yellow dot, with a link for the respective info in [all?] elements. Bricks = also great learning tool. Great video!
Planning to use Bricks but like to know if we could use adavanced selectors like ":not([class]):hover" or something in combination with "where()" to have low specificity for basic elements.
Awesome. It would be super useful if bricks let us write spaces in the pseudo class creator, so we can use things like ".parent-div:hover .child-div" :)
Current UI is very confusing, because an X icon with the word "clear" means two very different and opposing actions at the same time - it's used to leave the editing mode for the hover state once you are satisfied with it, but also if you want to remove the styling from the element completely, you also click - clear?! I always have to break the mental flow when I work with this and turn on full cognitive attention at this step, not to click the wrong clear...
As far as showing this for a quick tutorial its fine. But in real world coding a real website. The "method" of HOW and WHERE these settings and controls are is a bit cumbersome. By you being the developer, you know exactly where everything is on all panels. But from someone using this for the first time, this is a bit daunting. As a developer, I understand having this in the builder, it's quick and easy. But as a developer I think when you do these kind of tutorials you should also show "best practice"! By that I mean this should be done on a central stylesheet. For example, what if I had first letter styling like you did in the video, but on 25 different instances? This means I would have to make 25 separate edits to change the color from red first letter to pink first letter! When best practice is, this should be ONE CSS instruction in a stylesheet. Make one single color change and it's changed on all 25 instances instantly.
I have looked at the list with pseudo-classes: it is truly amazing how much interactions you can set up. Wow.
gotta say Thomas you are also an effective educator. Your vids are clear/concise explanations.
Once I got the hang of hover text change for each link it was easy, learning these things so much after moving from Elementor! Thankyou :)
It's so good to have a builder with such Intelligent design.
Small ideas:
It would be great, besides having the most used ones, to have the list of the available options appear as soon as you start typing.
It would also be nice to have a little Mozilla icon (dinosaur?), same weight as the little yellow dot, with a link for the respective info in [all?] elements. Bricks = also great learning tool.
Great video!
Planning to use Bricks but like to know if we could use adavanced selectors like ":not([class]):hover" or something in combination with "where()" to have low specificity for basic elements.
Why not? You can custom code anything you want. I use WPCodeBox for this purpose.
Awesome. It would be super useful if bricks let us write spaces in the pseudo class creator, so we can use things like ".parent-div:hover .child-div" :)
Keep up the videos guys!
how i can put an animation for hover?
example: of pass the mouse, play an animation off zoom in.
I've been looking for the same thing. You will most likely have to use custom css
Current UI is very confusing, because an X icon with the word "clear" means two very different and opposing actions at the same time - it's used to leave the editing mode for the hover state once you are satisfied with it, but also if you want to remove the styling from the element completely, you also click - clear?! I always have to break the mental flow when I work with this and turn on full cognitive attention at this step, not to click the wrong clear...
Is this video meant to be published a while back? :D
I have thought the same!!
Thank you !!!
thanx a milllllion 🙂
As far as showing this for a quick tutorial its fine.
But in real world coding a real website. The "method" of HOW and WHERE these settings and controls are is a bit cumbersome. By you being the developer, you know exactly where everything is on all panels. But from someone using this for the first time, this is a bit daunting.
As a developer, I understand having this in the builder, it's quick and easy. But as a developer I think when you do these kind of tutorials you should also show "best practice"! By that I mean this should be done on a central stylesheet.
For example, what if I had first letter styling like you did in the video, but on 25 different instances? This means I would have to make 25 separate edits to change the color from red first letter to pink first letter!
When best practice is, this should be ONE CSS instruction in a stylesheet. Make one single color change and it's changed on all 25 instances instantly.
Is this a refresh video? There was a similar one when 1.3.5 rolled out…th-cam.com/video/OWSMJmBL6RQ/w-d-xo.html