# Accordion single

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

<div data-full-width="false"><figure><img src="/files/nrYmYh78SdGmotUb8UgC" alt=""><figcaption></figcaption></figure></div>

Create multiple columns:

<figure><img src="/files/57HkFTQtX4NRUStckQwk" 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="/files/eQeZiqPBeLGLTKYG93gU" 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="/files/aGBaxk63RUkOu1N56hUs" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/zm4YIctNOiQkRmPjU6an" alt=""><figcaption></figcaption></figure>

Use the section spacing settings to adjust padding:

<figure><img src="/files/DzByVPZ1vRw2Qv4uGt9Y" 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="/files/EfugQPie5Bnn3RPCI27w" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://pipeline.groupthought.com/sections/list-of-sections/accordion-single.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.