Collection cards

Collection cards allow you to customize the style of collection cards in the theme.

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Theme Settings -> Collection cards

Setting	Description
Style	Select the blog cards style for the section: Standard Card
Image padding	Determines inner space of the image. Can be from 0px to 20px, increasing arithmetically of 1px (pixel).
Text alignment	Set horizontal alignment for content inside section containers: Left Center Right
Color scheme	Select a color scheme to set the text and background colors for the section

Border

Setting	Description
Thickness	Set the width of an dropdown's four borders. Can be from 0px to 24px, increasing arithmetically of 1px (pixel).
Opacity	Sets the opacity level for an dropdown's four borders. Can be from 0% to 100%, increasing arithmetically of 5%.
Corner radius	Set the radius of the dropdown's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).

Shadow

Setting	Description
Opacity	Sets the opacity level for an dropdown's shadow. Can be from 0% to 100%, increasing arithmetically of 5%.
Horizontal offset	The horizontal offset of the shadow. A positive value puts the shadow on the right side of the dropdown, a negative value puts the shadow on the left side of the dropdown. Can be from -40px to 40px, increasing arithmetically of 1px (pixel)
Vertical offset	The vertical offset of the shadow. A positive value puts the shadow below the dropdown, a negative value puts the shadow above the dropdown. Can be from -40px to 40px, increasing arithmetically of 1px (pixel)
Blur	The blur radius. The higher the number, the more blurred the shadow will be. Can be from 0px to 40px, increasing arithmetically of 5px (pixel)

Layout distance

Setting	Description
Desktop horizontal space	Determines the grid spacing between horizontal of blocks on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel)
Desktop vertical space	Determines the grid spacing between vertical of blocks on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel)
Mobile horizontal space	Determines the grid spacing between horizontal of blocks on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel)
Mobile vertical space	Determines the grid spacing between vertical of blocks on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel)