Collection cards

These settings apply to collection cards displayed in sections, as well as on the collection list page.

Setting Description
Style
  • Standard: This option displays collection cards without any visible border or background color on the content container.
  • Card: This option arranges the image and heading within a single card with a distinct background or visible border from the surrounding section.
Image padding Add image padding using the slider. This adds space around your card images.
Text alignment

You have three alignment options for positioning text under a collection image or within the collection card (heading, description, button arrow):

  • Left
  • Center
  • Right
Color scheme Applying a chosen color scheme to collection 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


Border settings


Customize the appearance of your border:

Setting Description
Corner radius

Use the slider to control the corner shape of collection 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