Hyper Theme
Hyper Theme
Theme Settings

Layout

1 min read

By customizing the layout settings, you can tailor your theme to perfectly fit your brand’s identity and improve the overall user experience.

Steps:

  1. In the theme editor (Customize), click Theme settings
  2. Locate Layout
  3. Make necessary changes
  4. Save.
image

This option lets you adjust the layout of the whole store, which includes:

  • Page width: Use the slider or enter a value in pixels to define the overall page width.

A wider page width works well for large screens, while a smaller width creates a compact, focused layout. 📏

  • Corner radius:
    • Buttons: Style call-to-action buttons.
    • Inputs: Customize input fields.
    • Blocks: Style content blocks for a polished look.
    • Product cards: Add a unique touch to product listings.
    • Badges: Style promotional badges (e.g., “Sale” or “New”).
Square button
Square input
Slightly round button
Slightly round input
Rounded button
Rounded input
Pill button
Last updated

ON THIS PAGE

No Headings

Was this helpful?