Sheets Builder Guide
This page shows live examples that mimic Elementor widgets, plus layout guidance for Containers and Grid. Build your Sheet by mixing these patterns.
Foundations: Containers & Grid
Containers
- Use one outer page container, then add a new container for each section.
- Content Width (e.g. 1200px), Padding (24–32px), and Gap (16–24px) live on the container.
- Direction Row for horizontal items, Column for vertical stacks.
- Apply backgrounds, borders, and shadows on the container (not each child).
Grid (2 ways)
- Container → Layout: Grid for flexible responsive columns.
- Grid Widget for quick equal cells.
- Common setup: 3 columns on desktop → 2 on tablet → 1 on mobile.
Feature A
Image + heading + short text.
Feature B
Keep blocks consistent height.
Feature C
Accent one card w/ subtle shadow.
Basic Widgets
Heading + Divider
Section Title
Use H2 for big sections; H3/H4 for subheads.
Text Editor
Clean paragraphs. Use lists for steps and keep line length readable. Bold for labels, italics sparingly.
- Short bullets
- Clear actions
- 1 idea per line
Image
Choose a media size that fits; don’t force full-size everywhere.
Icon / Icon List
- Small visual cue
- Features or steps
- Lightweight & clear
Video
Embed YouTube/Vimeo. Replace with your link.
Pro: Visual & Interactive
Animated Headline
Use sparingly near the top of a Sheet.
Gallery
Grid of images; 3–6 items per set.
Slides
Hotspot
Use to label gear/UI areas.
Flip Box
Quick reveals for summaries.
Media Carousel
Countdown
The real widget counts down to a date/time.
Blockquote
“Keep sections focused. One idea per block, with a clear takeaway.”
Video Playlist
Use the widget for a clickable list tied to a player.
General
Tabs
Accordion
When to use this build?
Gear floor
Image Box
Artifact Spotlight
Short caption below the image.
Icon Box
Fast Setup
Add stats, then fine-tune in minutes.
Image Carousel
Icon List
- Low cost
- Beginner friendly
- Scales late game
Stats & Ratings
Social Icons
Prospector Table (custom widget visual)
Below is a styled sample to mirror your custom widget’s output.
| Sub-Cat Title | Variable 2 | Variable 3 | Variable 4 | Variable 5 | Variable 6 |
|---|---|---|---|---|---|
| Variable 1 | 100,548 | 100,948 | 100,651 | 100,785 | 110,512 |
| Variable 2 | 100,548 | 100,948 | 100,651 | 100,785 | 110,512 |
| Variable 3 | 100,548 | 100,948 | 100,651 | 100,785 | 110,512 |
You can add row stripes, header colors, borders, shadows, and per-cell alignment in the real widget.
Publish & Tips
Checklist
- Even spacing (24–32px container padding; 16–24px gaps).
- Headings use H2 → H3 → H4 hierarchy.
- Images sized appropriately (no massive full-res everywhere).
- Test Tablet & Mobile breakpoints.
Quick command: Ctrl/⌘ + E opens the Elementor Finder.
Won’t Work (by design)
- Saving as Template is disabled for your role.
- No editing global Theme Builder or Site Settings.
- Custom JS may be stripped; prefer built-in widgets.
- Page Attributes on the right sidebar are ignored for Sheets.
