> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/media-and-layout/media-content-list.md).

# Media Content List

The Media Content List section is designed for showcasing a combination of images, videos, and interactive content. It’s ideal for telling brand stories, highlighting product features, or displaying promotional content in a carousel format with optional autoplay and navigation features.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FiDLN9aflOhSOM3hWP7Ij%2F9ccd79e1d3c5de2a677b4e9848cb6a1.png?alt=media&amp;token=bbcb07ef-18ed-4430-9f8c-8eb3381bc960" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

Select or edit a color scheme to define the styling of all elements in this section, including background, text, buttons, and more. Customize it to match your brand’s visual identity.

***

### 🧱 Section Header

Add an optional section header with subtitle, title, and description. The section supports the following content blocks:

* 🏷️ Badge Group
* 📣 Subtitle, Title, Description
* 🔘 Button / Button Group (Link or Video Modal)
* ⏳ Countdown, 🎁 Discount Code, 📱 Social Media List
* 📊 Highlighted Statistics, 📌 Icons, 🖼️ Icon with Text, 🔗 Link Group
* 🧾 Spacers, ❤️ Follow Us, 🔑 Keywords

***

### 🎬 Media Content List Settings

You can enable interactive features to enhance user engagement:

* ✅ Show navigation arrows (left/right)
* 📊 Display progress bar to indicate current slide
* 🔁 Enable autoplay with looping functionality

***

### 🖼️ Image Content Block

* Upload high-resolution images
* Enable a content overlay box with customizable settings:
  * 🎨 Color Scheme: Apply different schemes to emphasize contrast
  * 📐 Alignment: Choose left, center, or right text alignment

✅ Supported Inner Blocks: badge group, button(s), titles, icons, countdown, description, etc.

***

### 📹 Video Content Block

* Upload video files (recommended length: 10–15 seconds for faster load)
* Enable an overlay content box on top of the video
* Customize color scheme and alignment for optimal display

✅ Supported Inner Blocks are identical to the image content block, allowing for seamless visual consistency.

***

### 📌 Usage Tips

* Mix image and video blocks for better rhythm and flow
* Use contrasting color schemes to enhance content readability
* Maintain visual balance by limiting the number of blocks per slide
* Autoplay works best for fast-paced browsing—disable it for storytelling-heavy content