StardethaPage Builder Docs

Reference

Widgets & structural elements

Every widget ships with the free version of Stardetha Page Builder. Drag any of these from the editor's left panel onto the canvas, then use the panel to configure its Content, Style and Advanced tabs.

Jump to

Structural elements

Section

A full-width horizontal strip that holds one or more columns. Controls background, padding, min-height, and can be set to stretch full browser width.

Column

Sits inside a Section and holds widgets. Set a width percentage and columns sit side by side; stack automatically on smaller breakpoints.

Container

A flexbox-based alternative to Section/Column that can nest inside itself for more flexible layouts (grid-like arrangements, nested rows/columns without the Section+Column pairing). Enable it under Features → Flexbox Container.

Divider

A horizontal rule between content, with style, weight, width and optional icon/text-in-the-middle options.

Spacer

An invisible block that adds vertical space between widgets — simpler than adjusting padding when you just need a gap.

Stretch Section (Advanced tab)

A Section option (not a separate widget) that stretches a section to the full width of the browser window using JavaScript, even inside a boxed/contained theme layout.

Content & text

Heading

A styled title/heading (H1–H6) with size, weight, color, spacing and link controls.

Text Editor

A rich-text block for paragraphs — the same formatting toolbar as the classic WordPress editor, plus Stardetha's typography and spacing controls.

Read More

A styled button/link, most often used to link a Text Editor excerpt through to the full post or page.

HTML

Drop in raw HTML for anything the built-in widgets don't cover — embeds, custom markup, third-party scripts.

Shortcode

Renders a WordPress shortcode (from this or another plugin) inside the page.

Alert

A dismissible colored notice box (success, info, warning, danger styles) with a title and description.

Counter

An animated number that counts up when it scrolls into view — good for stats ("500+ clients").

Progress Bar

A horizontal bar that fills to a percentage, with an optional title and inner text.

Testimonial

A quote with an attributed name, title/company and photo — built for social proof sections.

Star Rating

A row of star icons showing a rating out of 5 (or a custom scale), styled independently of any review-plugin markup.

Media

Image

A responsive image with caption, link, border, hover-effect and shape-mask controls.

Image Box

An image paired with a heading and description, stacked or side-by-side — a common "feature" card layout.

Video

Embeds YouTube, Vimeo, Dailymotion or a self-hosted video file, with an optional image overlay and lightbox playback.

Audio

Embeds a SoundCloud track with a styled player.

Icon

A single icon from the bundled icon library (or an uploaded SVG), with size, color and optional link.

Shape Mask (Style tab)

An Image/media style option that clips the element into a preset shape (circle, blob, star, etc.) instead of a plain rectangle.

Interactive & navigation

Button

A call-to-action button with text, icon, size, shape and hover-animation controls.

Tabs

Click-to-switch content panels sharing one row of labels — good for grouping related content without scrolling.

Accordion

Stacked, individually expandable/collapsible content panels (FAQs, feature breakdowns).

Toggle

Like Accordion, but styled as simple on/off expandable rows — often used specifically for FAQ lists.

Icon List

A vertical list of items, each with its own small icon — for feature lists, checklists, or item summaries.

Icon Box

An icon paired with a heading and description, similar to Image Box but using an icon instead of a photo.

Social Icons

A row of linked social-network icon buttons with several preset shapes and color skins.

Google Maps

Embeds an interactive Google Map centered on an address or coordinates.

WordPress Widgets

A whole category of widgets that wrap your installed WordPress/plugin widgets (Recent Posts, Search, Calendar, etc.) so they can be placed and styled anywhere on the canvas.

Text Path

Bends a line of text along a custom SVG path you draw or upload — a decorative/curved-text effect.

Advanced tab (applies to every widget)

Custom Attributes

Add arbitrary HTML attributes (e.g. data-* attributes for a third-party script) to a widget's wrapper element, one key|value pair per line, from the Advanced tab.

Every widget also has a Style tab (colors, typography, spacing, borders, effects) and an Advanced tab (margin/padding, motion effects, responsive visibility, custom CSS classes and attributes, z-index) in addition to what's described above.