You can fine-tune your website’s layout directly through 10Web Website Builder’s Site settings.
To adjust these settings, open any page or post in 10Web builder, click the site settings icon located to the left in the top bar, and proceed to Settings > Layout.
Layout settings
- Content width: Designate a default width for the main content area of your site.
- Container padding: Adjust the default space within the container.
- Gaps: Determine the default space between individual widgets.
- Page title selector: Input the CSS selector for your page title if you prefer to conceal it.
- Stretched section fit to: Select a parent element for stretched sections to align with for a seamless look.
- Default page layout: Choose a default page layout for new pages. Your options include Default, 10Web Canvas, or 10Web Full Width.
Important:
The Single Post Template will be applied exclusively to pages that utilize the Default Template, even if they satisfy the criteria for Display Conditions.
Breakpoints
Adjust your site's responsiveness with these settings:
- Tablet portrait: Establish the pixel width for the tablet display. Layouts will shift to tablet view between this setting and the mobile breakpoint (Default is 1025px).
- Mobile portrait: Set the pixel width for mobile display. Layouts will change to mobile view below this breakpoint (Default is 768px).
What’s next
Explore Global Styles and Settings to elevate the default aesthetics of your website.