Every section has its own Design group in the settings panel. It changes how that one section looks, in safe steps that cannot break your layout.
Use it when one section should stand out, sit tighter, or match a photo style, while the rest of the store keeps the theme.
Before you start
- Editing needs the Customize Store Appearance permission.
- To change corners and colours for the whole store, use Colours & fonts in the Global group instead.
Step 1. Select the section
In the Live Page Builder, click the section on the page, or pick it in Sections on the left. You can also press Design settings on the small toolbar above it.
Step 2. Find the Design group
Scroll to the end of the Settings panel on the right. The last group is Design, with the line Bounded steps, never free pixels: nothing here can break the layout.
Step 3. Set the spacing
Section spacing sets the room above and below the section: Flush, Compact, Normal or Roomy. The Promo Banner also offers Full, which runs it end to end with no gap.
Step 4. Set the title size
Title size makes the section's heading Small, Normal, Large or Display. Sections without a heading, such as the Promo Banner and Trust Badges, do not show it.
Step 5. Add a shadow
Shadow adds a shadow to the section: None, Soft or Lifted.
Step 6. Change the corners of this section
Corner radius (this section) starts on Store setting, which follows your store's corners. Pick a size, from square to fully round, to change this section only.
Step 7. Choose the card image shape
On Category Showcase, Featured Products, New Arrivals and Top Selling, Card image shape sets the photos to Square, Portrait or Landscape.
The Hero Banner keeps only the corner radius here, because its own Banner Edges and Banner Height already shape it.
Result
The section changes on the page as you click. Save your draft, and your customers see the change once you publish.
Hint: to give another section the same look, use Copy style and Paste style from the three dots on the toolbar.