After I defined pseudo classes in Cwicly Global style settings, those pseudo classes are not showing when I want to apply them to an actual block element.
- WordPress version: 6.0
- Gutenberg Plugin version: -
- Cwicly Plugin version: 188.8.131.52
- Cwicly Theme version: 1.0.3
Well I guess we’ll have to stick with Custom CSS for now.
Could you tell me what problems you are facing?
Everything should be fine by now and from my perspective it’s working as intended.
You are able to create global pseudo classes inside the global styles panel.
How do global pseudo classes work?
For example you can switch to the hover state while being inside the global panel, go to the Typography panel, and set a specific rule, e.g.
color: red; to the h1.
Now every h1 on your entire site would apply a red color on hover.
That is exactly the same route you want to go when creating and styling your custom ones.
On the other side you are able to use or create block based pseudo classes/elements.
You are still able to assign your global pseudo classes to a block by just typing it in.
Global pseudo classes won’t appear on the block state dropdown list, this is intentional.
You will find them in the list after typing them in, they also will remain there.
Thank you Marius for the answer. It clears up some things for me. I had no idea I can just type inside a pseudo class option field. There may be some icon in the future indicating that it is possible to enter a custom pseudo class.
The pseudo class related areas need some (UI) improvements, I do agree.
Might start a feedback topic about that, or will you?
Feel free to start it. I almost feel like I am spamming the discourse forum right now haha
Thanks for helping @Marius.
Indeed, the pseudo classes and elements selector does need clarification and improvement!