--- title: Layout Theme settings description: How to set up the layout in Booster Theme. --- [Skip to content](https://help.boostertheme.com/knowledge/layout-theme-settings#main-content) ![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png) - [Home - Help Center](https://help.boostertheme.com/knowledge) Open main navigation Close main navigation - [Home - Help Center](https://help.boostertheme.com/knowledge) - [Go to boostertheme.com](https://boostertheme.com/) [Go to boostertheme.com](https://boostertheme.com/?hsLang=en) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en) 2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en) 3. [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) # Layout Theme settings ## How to set up the layout in Booster Theme. [![Theme Layout](https://help.boostertheme.com/hs-fs/hubfs/Theme%20Layout2.png?width=688&height=285&name=Theme%20Layout2.png)](https://help.boostertheme.com/hubfs/Theme%20Layout2.png?hsLang=en) The Layout theme option is a design where you can span the entire width of your website without any side margins or padding. This layout style can be used for specific sections or pages to help you create a more immersive and impactful visual experience. #### In this article: 1. [Where to find this feature?](https://help.boostertheme.com/knowledge/layout-theme-settings#where-to-find) 2. [Default site layout](https://help.boostertheme.com/knowledge/layout-theme-settings#default-layout-site) 3. [Different layouts in different sections](https://help.boostertheme.com/knowledge/layout-theme-settings#different-layout-ion-different-sections) 4. [Maximum Website width](https://help.boostertheme.com/knowledge/layout-theme-settings#maximum-website-width) 5. [Default big element](https://help.boostertheme.com/knowledge/layout-theme-settings#default-big-element) 6. [Default small element](https://help.boostertheme.com/knowledge/layout-theme-settings#default-small-element) 7. [Default border width](https://help.boostertheme.com/knowledge/layout-theme-settings#default-border-width) 8. [Space between sections](https://help.boostertheme.com/knowledge/layout-theme-settings#space-between-sections) --- #### Where to find this feature? To access the Layoutsettings, go to your **Theme settings** > **Layout** ![Accessing Layout Settings](https://help.boostertheme.com/hs-fs/hubfs/Accessing%20Layout%20Settings.jpg?width=350&height=440&name=Accessing%20Layout%20Settings.jpg) #### 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 greatly impacts the navigation and the quality of your website. There are 3 different possible layouts: ***Boxed (1)*** [![Boxed layout](https://help.boostertheme.com/hs-fs/hubfs/Boxed%20layout.gif?width=688&height=258&name=Boxed%20layout.gif)](https://help.boostertheme.com/hubfs/Boxed%20layout.gif?hsLang=en) ***Full-width background (2)*** [![Full width background layout](https://help.boostertheme.com/hs-fs/hubfs/Full%20width%20background%20layout.gif?width=688&height=249&name=Full%20width%20background%20layout.gif)](https://help.boostertheme.com/hubfs/Full%20width%20background%20layout.gif?hsLang=en) ***Full-width (3)*** [![full-width](https://help.boostertheme.com/hs-fs/hubfs/full-width.gif?width=688&height=286&name=full-width.gif)](https://help.boostertheme.com/hubfs/full-width.gif?hsLang=en) #### **What if I don't want all sections to be the same?** No worries, we have a solution for you. As you can see in this screenshot below, the global default is selected, meaning it will follow the layout chosen in the theme settings. Therefore to change it from the global default, go in the section settings to « *section layout » and* choose another layout. [![Section Layout](https://help.boostertheme.com/hs-fs/hubfs/Section%20Layout.jpg?width=314&height=401&name=Section%20Layout.jpg)](https://help.boostertheme.com/hubfs/Section%20Layout.jpg?hsLang=en) #### **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. [![Maximum width](https://help.boostertheme.com/hs-fs/hubfs/Maximum%20width.gif?width=688&height=285&name=Maximum%20width.gif)](https://help.boostertheme.com/hubfs/Maximum%20width.gif?hsLang=en) 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. [![Big element border radius](https://help.boostertheme.com/hs-fs/hubfs/Big%20element%20border%20raduis.gif?width=688&height=271&name=Big%20element%20border%20raduis.gif)](https://help.boostertheme.com/hubfs/Big%20element%20border%20raduis.gif?hsLang=en) #### **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.  [![Small element border radius](https://help.boostertheme.com/hs-fs/hubfs/Small%20element%20border%20radius.gif?width=688&height=288&name=Small%20element%20border%20radius.gif)](https://help.boostertheme.com/hubfs/Small%20element%20border%20radius.gif?hsLang=en) #### **Default border width** Most of the borders on your store will have a custom setting, therefore, it is always better to choose a default one, so it looks good in case you fall back to the default border width. #### **Space between sections** Margins and paddings define the amount of 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 [![Space between sections](https://help.boostertheme.com/hs-fs/hubfs/Space%20between%20sections.gif?width=688&height=275&name=Space%20between%20sections.gif)](https://help.boostertheme.com/hubfs/Space%20between%20sections.gif?hsLang=en) *- End of the article - * - [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content) - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process) - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics) - [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content) - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections) - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page) - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials) - [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content) - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center) - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme) - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies) - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others) [![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en) Copyright © 2026, Booster Theme - PreviewX Inc.