---
title: Style blocks within a section
slug: style-blocks-within-a-section
docTags: 
createdAt: 2025-05-06T23:21:55.016Z
---

:::hint{type="info"}
**Who can do this: **

- Anyone with editing permissions for the Homescreen and HS sections 
:::

Apply a consistent look across all blocks within a section by adjusting the style settings.

To style blocks:

1\. [Open the section settings](docId\:RkejaksdeqJyqkTIG-dqY).

2\. Select the **Style** tab.

3\. Under** Blocks within section, **set the following:

- **Title Color: **Choose a color for both Dark and Light mode.
- **Title font size: **Select from Inherit, Regular,  Large, XL, and Lowercase.
- **Text Color: **Set the body text color for both Dark and Light mode.
- **Gradient background:** Add a fade effect across all blocks in the section
- **Rounded image corners: **Apply rounded corners to block images.

::Image[]{src="https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--HJ5cdoVbnWT7Ds2rblEaF-20250509-174617.png" size="48" width="599" height="805" position="flex-start" showCaption="false"}

:::hint{type="success"}
**How do I set a color?**

Click the color picker to select a shade, or paste a hex code into the bottom-right field. In **Light mode,** the section appears on a white background. In **Dark mode,  **it appear on a dark background, defined by your [color scheme.](docId\:gY75_fJEheUQlxGPZGrAp) 
:::

4\. Under **Preview** make sure everything looks right.

5\. Click **Save.**

The changes are applied immediately.