Card Settings


Setting Description
Image ratio

At first, add collections to collection block, then you can edit image ratio for the featured images of the collections:

Landscape: This option crops the images to a 3:2 ratio, where the width of the image is 1.5 times the height. It is ideal for images that have a wider or landscape orientation.

Portrait: This option crops the images to a 2:3 ratio, where the height of the image is 1.5 times the width. It is suitable for images that have a taller or portrait orientation.

Square: This option crops the images to a 1:1 ratio, where the width and height of the image are equal. It creates a square-shaped display for your images.

Width 10 to height 13: When the width is set to 10 and the height is set to 13, it means that the image will have a slightly taller and narrower appearance compared to a standard rectangular shape. The height will be greater than the width, maintaining the ratio of 10:13.

Heading font

Enables to choose heading font: 

  • 'Heading' settings for the font as for heading-font
  • 'Body' settings for the font as for body-font

*Change font family, font size, font weight of heading or body style in Theme settings /Typography. Any change in the Typography tab of theme settings will affect the whole theme.

Heading font size

The size of the card heading can be adjusted:

  • Extra small
  • Small
  • Medium
  • Large

*Works with Collection card heading font. Choose which heading font style is better for your chosen heading size.

Heading font weight Control the thickness or boldness of the heading by selecting the appropriate font weight.
Heading text shadow on hover This option can be combined with the collection card on hover, allowing you to choose a suitable style with an additional text shadow effect.
Heading style Choose a style for the heading: default (sentence case) or uppercase according to your design preferences.
Heading align

You have three alignment options to choose from:

  • Left: This aligns the heading to the left side of the section.
  • Right: This aligns the heading to the right side of the section, 
  • Center: This aligns the heading and subtext to the center of the section.
Collection card on hover 

There are four options available:

  • Default: This option causes the image to zoom slightly when hovered over.
  • Italic and link color: This option is similar to the default, but it also changes the font color of the links on the card to a different color and applies an italic style.
  • Rounded image and heading color: This option rounds the corners of the image and changes the heading font color to a different color.
  • Rounded image and heading icon: This option rounds the corners of the image and adds an arrow icon to the heading.
Show image borders You can add a border to collection images. Border can be visible when images with gaps or without.
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