Media

These settings decide how images and videos look across the whole store. In the theme editor, open Theme settings → Images and videos.

Settings

Border

• Thickness: Thickness of the border. Set it to 0 to remove the border. The unit is px.
• Opacity: How strong the border is. This is the border opacity and does not affect the shadow. At 0%, the border is invisible.
• Corner radius: How round the corners of images and videos are. The unit is px.

Shadow

• Opacity: How strong the shadow is. This is the shadow opacity and does not affect the border. At the default 0%, no shadow appears.
• Horizontal offset: How far the shadow moves sideways. A negative value moves it left.
• Vertical offset: How far the shadow moves up or down. A negative value moves it up.
• Blur: How soft the edge of the shadow is. At 0, the shadow has a sharp edge.

Spacing

• Photo space amount: The amount of space around photos. 100% is standard, and you can set it from 0% to 200%. At 0%, photos fill the frame, and on product-list cards the edges are cropped.

This padding applies in these places:

• On product cards, it applies when Add space around product card images is on under Theme settings → Product cards. Turning it on also adjusts the card title and price sizes
• On product pages, it applies when the section setting Show images with space around them is on. Turning it on also adjusts the image and info widths and the title, price, and button sizes
• In Hellostore sections such as Curated products, it always applies, regardless of those switches

Note

The page’s side spacing is set in Theme settings → Layout, not here. By default, content stops at the page width. Turn on Use the full screen width on wide screens to stretch content to the screen edges and set the side spacing as a share of the screen width.