Blog cards

These settings apply to blog cards displayed in the section, as well as on the blog archive page.

Setting Description
Style
  • Standard: This option displays blog cards without any visible border or background color on the content container.
  • Card: This option arranges the image, date, heading, description and button within a single card with a distinct background from the surrounding section.
Image padding Add image padding using the slider. This adds space around your blog card images.
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.

Style:

  • STANDARD

  • CARD

Image padding for standard style

Image padding for card style


Border settings


Setting Description
Corner radius Use the slider to control the corner shape of blog cards. Achieve the desired level of roundness or squareness, aligning them with your design vision. The range is from 0px to 40px.
Thickness Use the slider to adjust thickness of border. The range is from 0px to 10px.
Opacity You can increase or decrease visibility of border color to make it more expressive or less noticeable. The range is from 0% to 100%.

Thickness and opacity

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