Quick answer · Building a website · 2 min read
How does the Inspector panel work in Wix Studio Two?
The Inspector is the panel on the right where you change every property of what you've selected. Open it from the Open Inspector icon at the top right. It has three tabs, Design, Motion and Settings, and its options change with your selection.
Key points
- Open the Inspector from the icon at the top right.
- Design, Motion and Settings cover look, animation, and data, accessibility and events.
- Select several elements of one type to edit their shared settings at once.
The Inspector is the panel on the right of the Wix Studio Two Editor where you change every property of the element, section or page you've selected. Open it from the Open Inspector icon at the top right. It has three tabs, Design, Motion and Settings, and its options change to match whatever you select.
What's on each tab?
- Design. Alignment, size and responsive behaviour, colours, borders, corners, shadows, typography, layout, position, appearance, cursor, anchor and custom CSS. For sections and containers, Layout covers the grid, padding, overflow and vertical spacing.
- Motion. Entrance, loop and scroll animations, click and hover interactions, and mouse effects. Hover over a preset to preview it before you apply it.
- Settings. Data sources, properties, accessibility (role, heading level, accessible name, decorative) and advanced options such as conditional visibility and event handlers like On Click.
Which tips save the most time?
- For buttons and menus, pick the part or state first. Hover styling is under Design, then State, then Hover.
- Select several elements of the same type to change their shared settings in one go. Mixed types only show alignment. If the elements line up, a Stack option appears.
- For units other than px*, switch on Advanced settings from More Actions at the top of the Inspector.
- Remember what's per breakpoint. Design and layout changes you make on mobile stay on mobile, but advanced size settings apply on every breakpoint.
- Fill in accessibility on the Settings tab as you go, especially heading levels. It's far quicker than an audit at the end.
Want the full picture? Read our guide to what changes in Studio Two. If you'd like a Studio Two site built properly from the start, see our Wix Studio 2 service.