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 X - 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.
Description color	The option allows you to customize the description color. Choose one of the two options: Main Secondary The colors change based on the color scheme settings applied to the section.
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.