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.
