Sections overview

Dost ships 30+ sections you can mix on the homepage and any custom Page template. Below is the index. Each topic in this category covers one section's settings, behavior, and image-asset recipes.

Section anatomy

Most sections share these top-level controls:

• Container width — Boxed (matches global container) / Full width
• Padding top / bottom — px sliders, default tuned for editorial rhythm
• Heading + Eyebrow + Sub-text — when the section has a header area
• Heading size — Small / Medium / Large multiplier
• Block-based content — drag blocks for items (testimonial cards, FAQ items, hero slides, etc.)
• Colours (some sections) — override theme colours per-section

Adding a section

In Customize:

1. Click Add section at the desired position.
2. Pick the section from the list (sections are organized by category).
3. Configure settings on the right panel.
4. Drag blocks inside the section if applicable.
5. Save.

Per-section padding tuning

Section padding defaults assume a vertical rhythm of 80–96px between major blocks. If you stack several similar sections (e.g., 3 image-with-text blocks), consider reducing the middle one's bottom padding to 0 so they read as a sequence rather than separate spaces.