Elements are the divine building blocks of your website. From text and images to buttons and containers, mastering elements is key to creating beautiful, functional designs with QUORRA.

Types of Elements

Text Elements

• Headings (H1-H6)
• Paragraphs
• Lists (ordered/unordered)
• Links
• Rich text blocks

Media Elements

• Images
• Icons
• Videos
• Image galleries
• Background images

Interactive Elements

• Buttons
• Forms & inputs
• Navigation menus
• Dropdown menus
• Modal overlays

Layout Elements

• Containers
• Columns
• Spacers
• Dividers
• Cards

Advanced Elements

• Custom code blocks
• Embedded content
• Third-party widgets
• Dynamic content
• Template components

Adding Elements to Your Design

Method 1: Component Library

Drag & Drop

1Open the Component Library panel
2Find the element you want (text, image, button, etc.)
3Drag it onto your canvas
4Drop it where you want it positioned

Quick Add Shortcuts

Add TextT

Add ImageI

Add ContainerC

Add ButtonB

Method 2: Context Menu

Right-click anywhere on the canvas to access the context menu with quick element options.

Right-Click Menu Options:

• Add Text• Add Image• Add Button• Add Container• Add Spacer• Add Divider• Paste Element• Insert HTML

Managing Elements

Common Actions

DuplicateCtrl/Cmd + D

CopyCtrl/Cmd + C

PasteCtrl/Cmd + V

DeleteDel / Backspace

Layer Management

Bring ForwardCtrl/Cmd + ]

Send BackwardCtrl/Cmd + [

Hide/ShowCtrl/Cmd + H

Lock/UnlockCtrl/Cmd + L

💡 Pro Tip: Organize with Layers

Keep your design organized by naming your layers and grouping related elements. Use the Layers panel to hide elements you're not working on, and lock background elements to prevent accidental changes. A well-organized layer structure makes complex designs much easier to manage.

Master Your Elements

Understanding how to work with elements effectively is fundamental to creating great websites with QUORRA. Practice with different element types and explore the Properties panel to discover all the styling options available.

🔥 Next: Responsive Design

Now that you can work with elements, it's time to learn how to make your designs look great on all devices. Discover QUORRA's responsive design capabilities and mobile-first approach.

Continue to: Responsive Design

Working with Elements