# Insights

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/DHxLaj12CVPyDw2Eqybp/insights3.png" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

**`Customizer`** → **`Add Section`** → **`Insights`**.

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/EfLmbjSbK7B5R0gAEDOO/insights.png" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/JLJfLIwlYrpO2mkDeLlm/insights2.png" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - you can set a title for the section;
2. **`Text`** - you can specify the text for the section;
3. **`Cards per row`** - number of cards per row on desktop. You can show 2, 3, 4 or 5 cards per row. On mobile, the display of cards will automatically change;
4. **`Image aspect ratio`** - aspect ratio of the images. Can be square, landscape, portrait;
5. **`Center block on desktop`** - if selected the blocks will be centered;

## Cards per row

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/rfldsmz2TjAzrFF3fDEN/Untitled%20(30).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/E0ArgrG7TuIXJbQr2CuC/Untitled%204.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/4rrFknGBPcoXBlUZ3vId/Untitled%206.png" alt=""><figcaption></figcaption></figure>

## **Image aspect ratio**

### Square

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/tmG41AjhCT3yaSyUPbPJ/Untitled%207.png" alt=""><figcaption></figcaption></figure>

### Landscape

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/ZUW4JtKRBrO5hLQLJpU8/Untitled%208.png" alt=""><figcaption></figcaption></figure>

### Portrait

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/trvw8WRmYg9qczPato4j/Untitled%209.png" alt=""><figcaption></figcaption></figure>

### Layout

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/CdlHa75jSMCPX797aFbs/Untitled%2010.png" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If “Inherit” value is selected then container width based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/iIkgv9C0UJHM3JEVjtI5/Untitled%2011.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/Yg7UFckVumshC7XP4Soc/Untitled%2012.png" alt=""><figcaption></figcaption></figure>

1. **`Image`** - you can choose a picture for the block;
2. **`Heading`** - you can add a header for the block;
3. **`Text`** - you can add a text for the block;
4. **`Button label`** - you can add text for the buttons;
5. **`Button link`** - you can add a link for the button, without the added link the button will not be visible on the page;