> For the complete documentation index, see [llms.txt](https://docs.gridbox.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gridbox.io/gridbox-editor/basics.md).
# Basics
Adding elements
### Adding a block
1. Click on `+` icon from the left sidebar
2. Click on the type of element you'd like to add it could be Navbar, Hero or a simple button or You can drag and drop the element on the canvas
3. That's it.
4. **You're done!** The new block should now be added to the site.
### Moving an Element/Block
1. Click on any element
2. Click on the Drag Icon & drag the element before *or* after another element (a green bar will appear indicating which side of the element you're currently targeting).
3. Release click to drop the element.
4. **You're done!** The element should now be moved.
### Editing a Content
1. Click on any text element like Heading or Paragraph or even a Button text
2. You can start editing the text right away
3. **You're done!**
### **Customizing an Element / Block Appreance**
1. To change or customize any block or element appearence like colors, fonts, spacing
2. Click on the Color Palette icon
3. It open the panel from the left where you can change colors, font properties, spacing, etc...
### Cloning an Element/Block
1. Click the element you'd like to clone
2. Click on the Clone icon from the highlighted toolbar as mentioned in the image above
3. **You're done!** A clone of the element should appear immediately before it.
### Deleting an Element/Block
1. Click the element you'd like to delete
2. Click on the Trash icon from the highlighted toolbar as mentioned in the image above
3. **You're done!** The element should now be deleted.
\