> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-settings/article-item.md).

# Article item

The Article Item settings control how individual blog posts are displayed in the article list or blog section. You can adjust the layout, typography, and visibility of specific elements.

To customize the Article item in our theme please follow the steps:

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Article item**
3. Make necessary changes
4. **Save**
   {% endhint %}

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FNG2bHv85VgPnLMbtC5fX%2Fartice%20item.png?alt=media&amp;token=7cb91e57-acde-46c2-ad1c-b874ba5e26ab" alt=""><figcaption></figcaption></figure>

#### **General**

* **Style:** Choose between **Standard** or **Card** layout. The Card layout adds a boxed background and shadow around each article.
* **Color scheme:** Select a color scheme that matches your website’s theme or section design.
* **Border:** Toggle to enable or disable borders around the article card.
* **Content alignment:** Align article content to the **Left**, **Center**, or **Right**.

***

#### **Image and Layout**

* **Aspect ratio:** Choose the image ratio for the article thumbnail (e.g., 16:9).
* **Aspect ratio custom:** Enter a custom aspect ratio (e.g., 2:3) for greater flexibility.
* **Article name line limit:** Set the maximum number of lines for the article title to control text wrapping.
* **Font style title:** Choose between **Normal** or **Italic** font style for the article title.
* **Hover effect:** Select a hover animation for the image, such as **Zoom**, to create an engaging visual effect.

***

#### **Display Options**

* **Show image:** Display or hide the article thumbnail image.
* **Show author:** Display the author’s name under the article title.
* **Show category:** Show the category or tag associated with the article.
* **Show published date:** Display the article’s publication date.
* **Show excerpt:** Show a short preview or summary of the article content.
* **Show read more:** Add a “Read more” link or button leading to the full article.