---
title: Themes and customization
description: "Install a design and change colors, sections, and text."
canonical_url: https://housingstreet.com/help/website/theme-store-and-customize
md_url: https://housingstreet.com/help/website/theme-store-and-customize.md
last_updated: 2026-07-13
status: ga
relatedRoutes: ["/website/themes","/website/themes/installed","/website/customize","/website/editor"]
---

## What this is [#what-this-is]

A **theme** is a ready-made website design — layout, fonts, and sections included.

The **customizer** lets you change colors, text, and section order without writing code.

<UiPath path="Website → Themes → Customize" />

<DocScreenshot src="/help-media/website/theme-store.png" alt="Theme store grid showing available HousingStreet themes with preview thumbnails" caption="Pick a look" />

<DocScreenshot src="/help-media/website/customize-panel.png" alt="Customizer with live preview and settings panel for sections and colors" caption="Edit visually" />

<DocGif src="/help-media/website/install-theme.gif" alt="Installing a theme from the store then opening the customizer" transcript="1. Open Website → Themes. 2. Click a theme preview. 3. Click Install. 4. Click Customize. 5. Change a section heading or color in the side panel. 6. Click Save. 7. Preview storefront to see changes." caption="Install then customize" />

## Steps [#steps]

<Steps>
  <Step title="Browse themes">
    Go to **Website → Themes**. Scroll the store. Click a theme to preview it.
  </Step>

  <Step title="Install">
    Click **Install** on the theme you want. It becomes your active theme.
  </Step>

  <Step title="Open customizer">
    Click **Customize**. The left panel lists sections (hero, listings, footer, etc.).
  </Step>

  <Step title="Edit settings">
    Click a section. Change text, images, and colors. Watch the live preview update.
  </Step>

  <Step title="Save and preview">
    Click **Save**. Open **View storefront** to see the real site.
  </Step>
</Steps>

## Expected result [#expected-result]

Your storefront matches your brand. Changes you save appear on the live site after you publish (if you use draft mode, publish from the editor).

<RelatedAdminLink href="/website/themes" label="Open theme store" />