---
title: Style your layout
slug: style-your-layout
docTags: 
createdAt: 2025-05-06T23:21:55.016Z
---

:::hint{type="info"}
**Who can do this:&#x20;**

- Anyone with editing permissions for the Homescreen and HS sections&#x20;
:::

Use styles to shape the overall look and feel of your layout.&#x20;

Layout elements like section headers, block titles, text size, colors, and backgrounds can all be adjusted—so you can mix and match to create the look you want:

![](https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--qEvxBKkqa-3apYKxor2Qk-20250610-212601.png)

# Open section settings

To begin:

1. [Open the layout editor.](docId\:yMRrPEw-npSgy7go3lmZ8)&#x20;
2. In the top-left corner of the section, select the **Gear**.&#x20;
3. If using [Sets](docId\:RkejaksdeqJyqkTIG-dqY), first select the tab for the group or tag you want to edit.
4. Select the **Style** tab.

::Image[]{src="https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--QpVESpn_A005LqhEefbXY-20250507-175836.png" size="46" width="601" height="797" position="flex-start" showCaption="false"}

From here, you can adjust colors, text styles, and layout options to match the design you want:

- [Style blocks within a section](docId\:tKh6qVEusOduxRXzYwpSE)&#x20;
- [Style sections](docId\:x_oKaSxEt2mpFc_27ornA)&#x20;
- [Make key blocks stand out](docId\:VNRZzO11mnNIqfs35xlX8)&#x20;

:::hint{type="warning"}
### Where should I start?

Begin by setting style options at the **outer section level** to apply consistent text styles and sizes across all blocks and nested sections. These styles carry over automatically unless overridden, making your layout more consistent and easier to manage.
:::

