Article card settings

Setting Description
Color scheme Applying a color scheme from the suggested list to product cards automatically updates all associated colors—such as background, content, and link button—across all blog cards on your site.
Card style
  • Standard: All content (heading, excerpt, link, date, and author) appears below the image without a separate background or border.

    Card: Displays the image and all content inside a single card with a distinct background that separates it from the surrounding section.

Card direction

Column:

Images at the top, with all content displayed below the image.

Column reverse:

Content at the top, with images displayed below the content.

Column mixed:

The first card shows content at the top with the image below; the second card shows the image at the top with content below.

Card background

Background

  • Card style: Applies the color scheme’s background color to the entire blog card.

Background Secondary

  • Card style: Applies the color scheme’s secondary background color to the entire blog card.
Media size

Choose blog card image size:

  • Adapt: Automatically adapts to the blog image’s original aspect ratio.
  • Portrait: Displays images in a vertical (portrait) ratio.
  • Square: Displays images in a 1:1 square ratio.
  • Landscape: Displays images in a horizontal (landscape) ratio.
  • Wide: Displays images in a wider-than-landscape aspect ratio.
  • Ultra-wide: Displays images in an extra-wide aspect ratio.
  • Custom: Allows you to define a custom aspect ratio.
Custom media size Set a specific custom size for the blog image.
Heading size

Choose the blog heading size:

  • Large
  • Medium
  • Small
  • Extra small
Heading font

In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to select which font style is applied.

  • Heading
  • Body
  • Accent
Heading color

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Heading text style

Choose text style for preset:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small
Show tag Displays the post’s tag(s) (e.g., News, Tips, Updates) on the blog card.
Show excerpt Display a brief description of the content.
Show link Displays a clickable link that takes the reader to the full post or page.
Link label Add text for that link, like “Read more,” “View post,” or “Learn more.”
Show date

Enable this option to display the publication date of the blog post.
Show author

Enable this option to display the author's name of the blog post.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us