The style overview feature enables you to inspect all applied styles for an element within a unified view. This includes styles applied at the ID level, as well as those associated with any class or pseudo-elements. Within the modal, you have the convenience of easily modifying any applied style, copying and pasting styles across different breakpoints, resetting styles at any breakpoint, and even examining the generated CSS on the frontend.
Where can I find it inside the builder?
Once you activate Style Overview in the AT’s Theme Settings, you can simply right-click on any element inside the structure panel – you should see a new “Style Overview” item in the contextual menu. Clicking on this item will open up the Style Overview modal.
