> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nettify.no/llms.txt
> Use this file to discover all available pages before exploring further.

# Manual editor

> Fine-tune your website with full control over text, colors, images and layout

## What is the manual editor?

The manual editor gives you full control over every element on your website. While Nettify AI is perfect for big changes and new content, the manual editor is ideal for fine-tuning — like changing a color, adjusting a text, or replacing an image.

<Info>
  **Nettify AI + Manual editor = The perfect combination.** Use Nettify AI to
  build and make big changes, and the manual editor to fine-tune the details.
</Info>

***

## How to use the editor

<Steps>
  <Step title="Open the editor">
    Log in to [nettify.no](https://nettify.no) and select the website you want to edit. At the top of the left panel you'll see two tabs: **Nettify-AI** and **Manual editing**. Click **Manual editing**.
  </Step>

  <Step title="Select element">
    Click the **"Select element"** button. This lets you click directly on elements in the website preview.

    <Tip>
      Click **"Deactivate"** to stop selecting elements.
    </Tip>
  </Step>

  <Step title="Click on the element you want to change">
    Click on the text, image, button or section you want to edit. The element gets highlighted and **Element properties** appear in the right panel — with tools for content, appearance and images.
  </Step>

  <Step title="Make your changes">
    Use the tools in the panel to change text, colors, images, spacing and more. You see the changes in real-time in the preview.
  </Step>

  <Step title="Save your changes">
    Click **"Save changes"** at the bottom of the panel when you're happy.

    <Warning>
      Made a mistake? Click **"Revert to published version"** to undo all changes.
    </Warning>
  </Step>
</Steps>

***

## What can you edit?

<CardGroup cols={2}>
  <Card title="Text and content" icon="text" href="/en/redigering/endre-tekst-og-innhold">
    Change headings, paragraphs, button text and other text content.
  </Card>

  <Card title="Colors and design" icon="palette" href="/en/redigering/endre-farger-og-design">
    Adjust colors, backgrounds, gradients, shadows and opacity.
  </Card>

  <Card title="Images" icon="image" href="/en/redigering/endre-bilder-manuelt">
    Replace images by uploading new ones or pasting a URL.
  </Card>

  <Card title="Spacing and size" icon="arrows-left-right-to-line" href="/en/redigering/endre-spacing-og-storrelse">
    Adjust padding, margin, width and height.
  </Card>
</CardGroup>

***

## Four ways to edit your website

The manual editor is one of four ways to change your website. Here's a simple overview of when to use what:

| Method                                        | How it works                                         | Best when...                                                     |
| --------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------- |
| [Edit the website](/en/ai/rediger-nettsiden)  | Pick from ready-made actions, answer a few questions | You know what you want, but not how to phrase it                 |
| [Change a specific area](/en/ai/endre-omrade) | Point at a part of the page and describe the change  | You want to change one specific thing, and pointing is easiest   |
| [Talk to Nettify AI](/en/ai/snakk-med-ai)     | Write freely in the chat what you want changed       | You want new sections, pages or bigger changes                   |
| Manual editor (this page)                     | Click an element and adjust its properties yourself  | You want to fine-tune colors, spacing, links and sizes precisely |

| Task                   | Nettify AI | Manual editor |
| ---------------------- | :--------: | :-----------: |
| Create new section     |      ✅     |               |
| Create new page        |      ✅     |               |
| Write lots of new text |      ✅     |               |
| Change a heading       |      ✅     |       ✅       |
| Adjust a color         |            |       ✅       |
| Replace an image       |      ✅     |       ✅       |
| Fine-tune spacing      |            |       ✅       |
| Change font size       |            |       ✅       |
| Remove a section       |      ✅     |       ✅       |
| Change a link          |            |       ✅       |