SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Theme settings - Layout

Nelly

Written by Nelly

Last updated

15 views

On this page


The Layout section in the Theme Settings allows you to control the overall structure and spacing of your store’s design. It includes settings for page width, grid spacing, and element corner rounding—giving you flexibility to create a clean, well-balanced layout.

1. How to access the Layout in the Theme settings?

In the theme editor (Customize), click the Theme settings button > In the Theme settings tab, scroll through the list and select Layout.

L1.png

2. How to customize the Layout in the Theme settings?

After access the Layout, you can customize its settings in the left sidebar.

2.1. Layout

L2.png
  • Page width: Sets the maximum width of the website’s content area (in pixels). This controls how wide the layout stretches across the screen. (except for sections that contain the option enable Fullwidth)

  • Space between template sections: Adds vertical spacing between different sections on the page (in pixels).

2.2. Grid

Affects areas with multiple columns or rows.

  • Horzontal space: Controls the horizontal spacing between columns in grid-based layouts.

  • Vertical space: Adjusts the vertical spacing between rows or stacked grid elements.

L3.png

2.3. Rounding

L4.png
  • Button corner radius: Rounds the corners of all buttons. Higher values make buttons more pill-shaped.

  • Input corner radius: Rounds the corners of form input fields like text boxes and dropdowns.

  • Block corner radius: Applies rounding to content blocks or containers.

  • Product card corner radius: Sets the rounding for the outer edges of product cards.

  • Product media corner radius: Adjusts the rounding specifically for product images or media inside product cards.

  • Collection card corner radius: Controls the corner radius for collection preview cards.

  • Blog card corner radius: Sets the rounding for blog preview or featured post cards.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.