# Accordion single

Add fully customizable blocks to accordions including images, icons and more:

<div data-full-width="false"><figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F5bptrYc8ieJXCsUXhLSN%2Faccordion-single-B.jpeg?alt=media&#x26;token=81c4f495-3dc0-43e3-b457-0b62b9143af9" alt=""><figcaption></figcaption></figure></div>

Create multiple columns:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FgtQHCLEh46D2gcJNPFhx%2FScreenshot%202022-11-03%20at%202.49.42%20PM.png?alt=media&#x26;token=ab78d2de-49fd-4805-963a-b63fd854bae9" alt=""><figcaption></figcaption></figure>

### Block types

Customize with a range of content blocks including:

* Text column - An all text column
* Image column - Image with optional text
* Icon column - Choose from selection of professionally designed icons with text
* Custom HTML - Add any html code to create a custom column

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FzeQMpGPOFLxCyn62V1ic%2FScreenshot%202022-11-03%20at%203.09.26%20PM.png?alt=media&#x26;token=2139885d-00c8-422b-87bf-596628f6f644" alt=""><figcaption><p><strong>Adding a block</strong></p></figcaption></figure>

### Section settings

Use the section settings to configure the main heading (question) which is shown in the closed state and open state.&#x20;

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FmZIqvVeAXIbfYAeW7Xoe%2FScreenshot%202022-11-03%20at%203.28.28%20PM.png?alt=media&#x26;token=81c5bd68-bcfc-43ce-85a7-afaf1bf72639" alt=""><figcaption></figcaption></figure>

With text and background colors, you can customize the look of the section:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2Fpre6EuEP6vnCZnW09doX%2FScreenshot%202022-11-03%20at%203.32.17%20PM.jpg?alt=media&#x26;token=39f51558-ca18-45d8-ba0a-37c2e4914789" alt=""><figcaption></figcaption></figure>

Use the section spacing settings to adjust padding:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FCIHWd2fdP0bQCwmiN0LE%2FScreenshot%202022-11-03%20at%203.32.40%20PM.jpg?alt=media&#x26;token=c6590c26-a555-41e4-9829-e0904b3a484f" alt=""><figcaption></figcaption></figure>

### Block settings

Each block contains a set of options to customize how the content appears.&#x20;

> Tip: Use the Photo aspect ratio and Position options with the image block to adjust the size and position of the image. Especially useful for wide or tall images.

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F2RpGc22wEGEyza2y4hCo%2FScreenshot%202022-11-03%20at%203.37.35%20PM.jpg?alt=media&#x26;token=32f00649-9296-469e-9f84-a62231b84571" alt=""><figcaption><p><strong>Shorter aspect ratio and bottom focus of image set</strong></p></figcaption></figure>

The Custom HTML block can be used to add Liquid code, CSS with style tags or custom app code.
