How to Change the Design of Elements Using the Target Tool in Embeddable

The Target tool in Embeddable allows you to visually select any element on the widget preview and instantly open its design settings. This streamlines the editing process and gives you direct access to the style controls for the exact element you're working on.

---

Step 1: Activate the Target Tool

1. Look at the bottom left corner of the screen.
2. Click the "Target" button inside the input box that says "What would you like to build?"

Once activated, your cursor will change, allowing you to hover over different parts of the widget.

---

Step 2: Select an Element to Edit

1. Hover your cursor over the widget preview until the desired element (e.g., title, input, button) is highlighted.
2. Click on the element.
   The Design panel on the left will automatically open and show the settings for the selected object.

---

Step 3: Customize Design Settings

Use the available design controls to adjust properties such as:

• Font Size, Weight, and Color
• Alignment
• Padding and Margin
• Background and Border Settings

Changes are reflected live in the widget preview.

---

Step 4: Save Your Changes

Once you've made the desired adjustments, click the Save button at the bottom of the design panel to apply them.

---

Summary

The Target tool offers a fast, visual way to customize your widget by letting you select and style elements directly from the preview. It's especially useful when working on complex widgets with multiple designable embeddables, and ensures you're always editing the exact object you intend to.