---
title: "Replace screens with media"
slug: "/help/demos/edit/content/replace-with-media"
last_updated: "2026-02-27T12:39:22Z"
zendesk_id: 41380345052435
zendesk_url: "https://help.walnut.io/hc/en-us/articles/41380345052435-Replace-Screens-Elements-or-Sections-With-PDFs-Images-or-Videos"
locale: "en-us"
category: "Getting Started"
section: "Editing & Customization Basics"
product: "demos"
topic: "edit/content"
displayed_sidebar: "demosSidebar"
sidebar_position: 19
tags: ["editing","editor","video","pdf","images","gif","resource hub","screens library","template screens"]
---

## **About This Feature**

Effortlessly swap any element, section, or screen with a **PDF**, **image**, or **video** — all within the Walnut Editor.

### **Snapshot 📸**

-   **Feature Status:** Core Feature (included in all Walnut subscriptions)
-   **Role Access:** Admin, Editor
-   **Location:** Editor, Resource Hub

## **Quick Start Guide**

### **Replace an Element**

1.  Click any element or group of elements in the Editor body.
2.  Click the **Replace with Media** option in the element editor toolbar. **![Replace with Media option in the element editor toolbar](pathname:///images/e6e7119fc9ea61e8.png)**
3.  Select an **image**, **video,** or **PDF** file from the Resource Hub, and click **Insert selected.**
4.  The selected file will replace the highlighted element or group of elements in the Editor.

**![PDF file highlighted in the Resource Hub](pathname:///images/934559acd61dc910.png)**

**Pro Tip 👑**

Need to replace a whole section or group of elements? Use the **Select** **Parent** **Element** tool to highlight a group or refine your selection in the Editor.

### **![Select Parent Element tool shown active in the Walnut Editor](pathname:///images/97e23d92c5a28c7e.png)**

---

### **Replace Template Screen Content**

1.  **Add a New Template Screen**  
    -   Click the **\+ Add** button in the **Screens** sidebar.
    -   Select **Add Screen.**
    -   Click the **Screens Library** tab and choose a template screen.   **![Screens Library tab with template screen selection](pathname:///images/c0d761f85a9938b7.png) ![Preview of template screen with placeholders](pathname:///images/61c0ec30158735ae.png)**
2.  **Swap the Screen Placeholder with Media**
    -   Navigate to your new template screen.
    -   Click on the screen placeholder in the Editor body.
    -   Select **Change Image.**![Change Image option shown after selecting the screen placeholder in the Editor](pathname:///images/29bf377842790237.png)
3.  **Insert Media from the Resource Hub**
    -   Click **Upload image/gif/video** to open the **Resource Hub.**
    -   Choose a file (**image**, **GIF**, **video**, or **PDF**).
    -   Click **Insert selected.**

**![PNG file of a Walnut rocket highlighted in the Resource Hub](pathname:///images/9702a6ba92b9b715.png)**

## **FAQs**

---

**Can I Highlight Areas or Add Clickable Elements Inside a PDF?**

-   Not yet – It’s not currently possible to add [**custom elements**](/help/demos/edit/guides/guided-demos#h_01J5097SQRPQGHGAA5GFSW9TWM:~:text=Create%20custom%20elements,-Custom%20elements%20are) on top of an embedded PDF. PDFs behave like static media blocks once added to a screen.

---

**Can I Edit the Content of a PDF or Image After Replacing an Element?**

-   No — not at this time. Once you replace an element with a PDF, image, or video it becomes a static media block. The content inside can’t be edited like captured elements. To make changes, just upload a fresh version and swap it in.

---