# Edit Mode

The **Edit Mode** in DivMagic’s browser extension provides a powerful, real-time editing experience for updating the styles of any element on a webpage. With Edit Mode, you can visually modify CSS properties directly in the browser, making it easier to experiment with design tweaks or test style changes without needing to dig into the codebase.

<div align="left"><figure><img src="/files/sI7H8q1wKuPqxQgVK2Xa" alt="" width="304"><figcaption></figcaption></figure></div>

### Key Features of Edit Mode:

#### Instant Style Editing:

* When you activate Edit Mode, you can select any element on the page, and its current styles will appear in a panel (as shown in the screenshot).
* The panel displays the active CSS properties for the selected element, such as color, font size, background color, and more.

#### Add, Modify or Remove Styles:

* You can easily update existing styles by modifying the values in the style panel.
* If you need to add a new CSS property, simply enter the CSS attribute and value in the **Add styles** section at the bottom of the panel, and the change will instantly apply to the element.
* You can also remove any applied styles by clicking the **X** next to a property, instantly reflecting the change on the page.

#### Real-Time Visual Feedback:

* Every change made in Edit Mode is applied immediately, so you can see the results of your updates in real time without needing to refresh the page.
* This visual feedback helps users experiment with different design options quickly and fine-tune the look of any webpage element.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.divmagic.com/settings/edit-mode.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.