Explore Selected Element Interface


Click on an element to selecting an element, the element will be covered with a solid blue border, and other selected elements will be covered with a blue dotted border as the following screenshot.

The default element inspector may select more than one, take a look at this article to learn how element inspectors work.

Let’s Get To Know The Selected Element

Here is a basic interface of the selected element.

The Element Menu

Right-click to the selected element or directly click the menu icon to open the element menu.

  1. The element states
  2. Parent tool
  3. CSS editor
  4. Editing the current selector
  5. Review styles
  6. Reset styles (manage element styles)
  7. Leave: leaves the element selection.

Visual Element Tools

  1. Drag & Drop tool
  2. Element resizing tool
  3. Visual padding & margin tool
Was this article helpful?

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor