---
title: Select Visual Builder styles
slug: cms-13/docs/select-visual-builder-styles
docTags: 
createdAt: 2026-07-30T20:22:10.000Z
---

Style lets you choose rendering options for parts of your experience to control how content displays to visitors. Your organization configures the style selections to ensure that only brand-approved styles display, and a developer configures the names and available options.

When configured, change styles on experiences, sections, rows, columns, and elements to affect the content that displays. For example, you can have the same (headless) content but with different styles that affect how the content elements display in the **Preview** panel.

Changing the **Display as** option changes the particular settings available.

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/r0SjtJ74k6483NgphbdyJ_064d886d846ff99eb8f999cc3ca5c6ee0bccfba8dfea570009149487658e49d3-image.png)

For example, for the row style, when you set **Display as** to **Card**, the row not only changes appearance but also the remaining settings you can select (**Vertical Spacing**, **Background color**, **Columns on small screen**). When displaying the same row as **Default**, the appearance and available settings change.

## Change the style

To change the style of experiences, sections, rows, columns, and elements, select **More (...) > Style** on the experience, section, row, column, or element.

- **Experience style**

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/aEKzV6pShO-AYQhe8RoMg_aa21edb1dc5a660c319ea6a093faced3a604e4884832502ce2cc9dd67ec1ae56-image.png)

- **Section style**

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/EdjSaDbJa44UWPxNutPm5_5bd2670b202bdc24488b6fc5cfb717109d4af58c0e29c9ea0ff161cbf0742003-image.png)

- **Row style**

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/Uw_uvn_9N9NmIJi3KgzNq_9fc6fbb6415cc833a3becc319a5aa32a48204c3fa32bb0d71ab357570fa2e321-image.png)

- **Column style**

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/hovLCIpabTFg1C7o8kn3M_75eb9889cbc6003f74222f2889ca04604638dc11c66660c921f6f8b47959994b-image.png)

- **Element style**

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/s9T1Yq_vqnfksM_dVsyby_8a6427105c6624e3571cae87450cb7fe91b6da573ac68ebe09790691cbbfbc00-image.png)