> ## Documentation Index
> Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Theme Editor - Collapsible section
> Style the expandable accordion sections used across product and content pages.
The Collapsible section panel controls the styling of expandable accordion blocks — for example, product description, specifications, and policy sections on a listing page. Found under **Components** in the theme editor.
## Settings
| Setting | Type | Default | Description |
| -------------------- | ------ | ------------- | ---------------------------------------------------------------------------------- |
| Border color | Color | `#E4E6EB` | Border drawn around each collapsible block. |
| Corner radius | Slider | 8 px | How rounded the block corners are. |
| Background color | Color | `transparent` | Fill behind the block. Defaults to transparent so it inherits the page background. |
| Text color | Color | `#111826` | Heading and primary text colour. |
| Secondary text color | Color | `#374152` | Supporting text colour inside the block. |
## CSS variables
```css CSS variables theme={null}
:root {
--storefront-collapsible-border-color: #E4E6EB;
--storefront-collapsible-border-radius: 8px;
--storefront-collapsible-background-color: transparent;
--storefront-collapsible-text-color: #111826;
--storefront-collapsible-secondary-text-color: #374152;
}
```
## Related
Configure the product page that uses these sections.
Define the storefront colour palette.