Blog cards

Setting Description
Style
  • Standard: This option displays blog cards without any visible border or color container view.
  • Card: This option arranges the image, date, heading, description and button within a single card with a distinct background from the surrounding section.
Image ratio

Select the shape of the image display:

  • Landscape: Wide rectangle.
  • Portrait: Tall rectangle.
  • Square: Equal width and height.
  • Custom: Define your own height.
Custom image height

Set a specific height for images when the custom ratio is selected.

Adjust the height using a percentage slider.

Image padding Add image padding using the slider. This adds space around your blog card images.
Heading font size

Choose the font size for blog card heading:

  • Small
  • Medium
  • Large
Description font size

Choose the font size for description:

  • Small
  • Medium
  • Large

Note: Font sizes for all body text across the site can be adjusted in the Typography tab under Theme Settings.

Text alignment

You have three alignment options for positioning text and button under a blog image.

  • Left
  • Center
  • Right
Color scheme Applying a chosen color scheme to blog cards from a suggested list of color schemes automatically updates all associated colors for a cohesive and professional look across your website.
Read more button style

Choose the style for your button:

  • Inline Button
  • Inline Button with Underline on Hover
  • Inline Button with Icon
  • Outline Button
  • Solid Button

Border settings


Customize the appearance of your border:

Setting Description
Thickness Use the slider to adjust thickness of border. The range is from 0px to 24px.
Opacity You can increase or decrease visibility of border color to make it more expressive or less noticeable.
Corner radius Use the slider to control the rounding of blog cards. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision.
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