> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/pages/blogs-page/blog-card.md).

# Blog card

Controls the layout of the blog articles.

**Content alignment**\
Choose how the blog card content is aligned:

* **Left** – Aligns content to the left.
* **Center** – Centers the content.

**Heading size**\
Controls the size of the article title (15-24 px).

***

#### Image

**Image aspect ratio**\
Set the image style:

* **Adapt to image** – Keeps each image’s original proportions.
* **Squared** – Displays images in a 1:1 ratio.
* **Portrait** – Taller images (3:4 ratio).
* **Landscape** – Wider images (4:3 ratio).

***

#### Attributes

Choose which blog details to display.

**Date**\
Shows the article publication date.

**Author**\
Displays the name of the article author.

**Comments**\
Shows the number of comments on the article.

Visible on hover of the blog card:

**Tags**\
Displays article tags or categories.

> Customize tags' colors in *Theme settings ->* [*<mark style="color:$primary;">Colors</mark>*](/triumph/theme-settings/theme-settings.md#colors) *- > Blog tags*.

**Excerpt**\
Shows a short preview of the article content.

**Excerpt length (characters)**\
Controls the number of characters displayed in the excerpt preview (20-520).

**'Read more' button'**\
Adds a button linking to the full blog article.

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FKbfarNshZk4RuCbAKrDU%2Fblog%20posts_blog%20card.png?alt=media&amp;token=8f63dad6-7110-48c3-a975-ff6d359a6ad3" alt=""><figcaption></figcaption></figure>