Explore Selected Element Interface

Introduction

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.

Drag & Drop

Visual Element Resizing

Visual Padding & Margin Editing

Was this article helpful?
YesNo

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor