Overview
The Element Editor fine-tunes individual elements with precise styling modifications and property adjustments. Use it for targeted changes to specific elements.Credit Cost
- Standard: 10 credits
Features
- Updates the selected element only
- Precise styling control
- Access to stock photos
Available Tools
| Tool | Description |
|---|---|
| Existing HTML | Current element content |
| Pexels | Stock photos |
How to Use
- Click on the specific element you want to edit
- Right-click and select Element Editor
- Describe the changes you want
- The element updates in place
Sample Prompts
Text Styling“Make this text bold and larger”Color Changes
“Change the background color to blue”Add Effects
“Add a shadow and rounded corners”Spacing
“Add more padding around this element”Image Changes
“Replace this image with a tech-related photo”
Element Editor vs Tailwind Class
| Use Case | Agent |
|---|---|
| Quick class changes | Tailwind Class (5 credits) |
| Complex styling | Element Editor (10 credits) |
| Content changes | Element Editor |
| Simple adjustments | Tailwind Class |
Tips
- Select the exact element you want to change
- Be specific about the styling you want
- Use for content and style changes together
- For simple CSS changes, use Tailwind Class instead