Layout

The Layout settings let you control the overall width, spacing, and corner radius of common elements across your Vetro theme.

From Theme Settings -> Layout

1. Page

Page width allows you to set the maximum width that your online store will display in. This option will apply to all sections on the theme (except for sections that contain the option to enable Fullwidth)

2. Grid

The Grid settings control the spacing between items displayed in a grid layout, such as the space between product cards in a product grid.

• Horizontal space: Controls the horizontal spacing between product cards in the same row.

• Vertical space: Controls the vertical spacing between product cards in different rows.

For example, increasing the Horizontal space creates more space between products from left to right, while increasing the Vertical space creates more space between rows of products.

3. Corner radius

The Corner radius settings control how rounded the corners are for common elements throughout your store.

You can set the radius independently for:

• Block

• Button

• Input

• Product card

• Product media

• Collection card

• Blog card

A value of 0 px creates square corners. Increasing the value makes the corners more rounded.