Continue setting up your default settings by setting up your global layout.
To access the Layout settings, click Customize (Themes section on Shopify) > click on Theme settings > Layout
Default site layout
The default site layout is the layout that will be by default on every section of your store.
This is one of the most important settings of your Booster V5, we wanted to make a setting that would ease by a lot the process of changing the website width and layout.
The layout of your store impacts a lot the navigation and the quality of your website.
There are 3 different possible layouts:
- Fullwidth background(2)
What if I don't want all sections to be the same?
No worries, we have a solution for you.
As you can see on this screenshot below, the global default is selected, meaning that it will follow the layout chose in the layout theme settings.
Therefore to change it form the global default, go in the section settings to « section layout » and simply choose another layout.
Maximum website width
Your content will extend as far as you told him to, changing this will increase the stretch of your boxed and full width background layout.
The settings down below define a global border radius of small and big elements on your website. Global radius is the curvature of borders. If your elements don't have a custom border radius defined, they will fall back to this setting.
Default big element (Minicart container, images, modals) border-radius
This will change the border-radius, which is the curvature of your elements, of your big elements. You can select from 0 px to 25 px. See the gif below for visual indications.
Default small element (Swatches, buttons, tags, labels) border-radius
This will change the border-radius, which is the curvature of your elements, of your small elements. You can select from 0 px to 25 px.
Default border width
Most of your border on your store will have a custom setting, therefore, it is always better to choose a default one, so it does look good in case you fall back to the default border width.
Space between sections
Margins and paddings define the amount of empty space between the site's elements. This allows your elements to breathe and makes your page easy to navigate. You can change the space between 0 px and 100 px