# Custom content

A Custom Content section within a theme offers versatility in design and layout, enabling the inclusion of distinct content like text, images, videos, or custom HTML code onto pages.

This feature extends beyond the default templates of the Minimog theme, granting you the freedom to craft visually captivating and interactive web pages that align with your precise needs and branding preferences.

## How to add custom content

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**) > click **Add section**
2. Select **Custom content**
3. **Save**
   {% endhint %}

## Section settings

### Section header and general

Use the provided fields to add a suitable heading/ subheading/ description.

* Leave them blank if you do not want to display them.

You can also adjust the text alignment here as Left/Center.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FHSuVqZQrHf3QWmWCo4zp%2Fimage.png?alt=media&#x26;token=9bbfc54a-2f1d-4271-87aa-1263969c7318" alt=""><figcaption></figcaption></figure>

Select the container type, the background color scheme, and the content color scheme for this section.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2F0fuOoYDQIF60jNS3X6cr%2Fimage.png?alt=media&#x26;token=37f3c582-9bdf-48de-a5f1-dfb6522b79de" alt=""><figcaption></figcaption></figure>

## Background settings

You can add a separate background image for the desktop/ laptop/ tablet view, and a separate one for the mobile view.

Here, you can also **Enable parallax effect** with different **Parallax direction**s:

* Vertical
* Horizontal
* Zoom

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FAPXDECMs42kwGZU43HHp%2Fimage.png?alt=media&#x26;token=8bff9731-fefe-4950-aef9-356b423e2779" alt=""><figcaption></figcaption></figure>

## Gap

You can adjust the column gap between each block on desktop and mobile views.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FNBZegja2UCbXQ3UHMlGI%2Fimage.png?alt=media&#x26;token=7063894b-7728-4c27-a799-0adab51e301f" alt=""><figcaption></figcaption></figure>

## Mobile settings

You can enable/ disable horizontal scroll for mobile users, and the gap between each column in mobile view.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2F2btKvKV3AyjvVHP0bXca%2Fimage.png?alt=media&#x26;token=0b6c2427-7d5c-4dfa-af6b-2f5eb7926812" alt=""><figcaption></figcaption></figure>

## Block settings

Several blocks can be added based on the requirements.

Some blocks are similar as they have appeared in theme sections such as countdown timer, product form (featured product), image cards, etc. Each of them will have its settings. ChatGPT !

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FfzxELbeecH8F6JuiWq1R%2Fimage.png?alt=media&#x26;token=e0887163-89b3-40aa-8956-8831d9f55d6c" alt=""><figcaption></figcaption></figure>

## Image & text blocks

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FsoVFcQwv1sVZqW4C6vYC%2Fimage.png?alt=media&#x26;token=fefae303-f815-48bb-92e9-d676ebb3fae0" alt=""><figcaption></figcaption></figure>

#### Text Block Utilize the provided text fields to insert an appropriate heading, subheading, or description.

If you prefer not to display any text, leave the fields empty.

You can control the container width, text color, size, and alignment as needed.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FaPapNJT0tB3wavjiY8wi%2Fimage.png?alt=media&#x26;token=18cf561d-870c-4736-b100-f5cad4ea323d" alt=""><figcaption></figcaption></figure>

#### Image Block

n this block, you can:

* Add images
* Change the container width
* Change the vertical alignment

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FQtvj9YZ62Qk1fXMArjW9%2Fimage.png?alt=media&#x26;token=88c73af2-a677-4506-91c5-0554af3f80be" alt=""><figcaption></figcaption></figure>

## Lookbook items & product bundles blocks

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FFrRj4tt3cTxCWfTSH72h%2Fimage.png?alt=media&#x26;token=0aa9bfbb-a7b4-46e4-bba4-c0ee21a29dcd" alt=""><figcaption></figcaption></figure>

#### Product bundles

Utilize the provided text fields to insert an appropriate heading, subheading, or description.

If you prefer not to display any text, leave the fields empty.

You can control the container width, text color, size, and alignment as needed.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FEFLC677cNzSwgfoEqHuO%2Fimage.png?alt=media&#x26;token=04d82294-c794-4ba6-9e38-e634fd0f0d6d" alt=""><figcaption></figcaption></figure>

#### Lookbook items

To tag products on the item image, select them here.

They can be easily adjusted using the offset percentage.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2F1jV3rQ1luw3Pbu9pWijj%2Fimage.png?alt=media&#x26;token=64f62144-4491-4a5f-bf1a-33f260c315fe" alt=""><figcaption></figcaption></figure>
