> 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/content-and-information/featured-blog.md).

# Featured Blog

The **Featured Blog** section is designed to display blog articles prominently, helping enrich your website’s content and enhance brand storytelling. It supports sliders, flexible color settings, and detailed article display options—perfect for showcasing brand news, campaigns, or educational posts.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FvwnUAF8vnNbjqutoK2db%2Feb92f680d6ac02499ad39ef0c27a60e.png?alt=media&amp;token=02fe4b79-960d-4ae5-b2b9-69ad575949aa" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

Choose or edit a color scheme to define the appearance of all section elements, including background and text colors. You can tailor these styles to match your brand’s visual identity.

***

### 🧱 Section Structure

**1. Section Header**

Used for introductory or title content at the top of the block. You can enrich the header using the following content blocks:

* Badge Group
* Button / Button Group
* Countdown Timer
* Description / Subtitle
* Discount Code
* Follow Us
* Heading
* Highlighted Stats
* Icon / Icon with Text
* Keywords
* Link Group
* Social Media List
* Video Button
* Link Text
* Spacer

***

**2. Blog Post List**

* **Select Blog:** Choose an existing blog from your backend as the content source.
* **Slider Settings:**
  * Enable horizontal slide effect for article navigation.
  * Option to show a **"View More"** button to link to the full blog.
  * Display navigation arrows for easy sliding.
  * Show pagination dots indicating the number of slides.
  * Enable auto-play and customize the slide speed.
  * Set text alignment (left / center / right).
  * Adjust the transparency of article cover images.
* **Article Setting:**
  * Show or hide tags
  * Display publish date
  * Show author info
  * Display summary or excerpt
  * Enable numbering of articles

***

### 📱 Mobile Settings

* Customize text alignment specifically for mobile to ensure optimal readability on smaller screens.

***

### ✅ Tips for Use

* Highlight featured, trending, or valuable blog articles to enhance user engagement and trust.
* Keep your color scheme and background image consistent with the overall site style.
* Auto-play is great for visual interest but should be timed to avoid disrupting reading.