Borders Theme Settings
Borders help define structure, improve readability, and give your Shopify store a polished visual style.
In the Borders settings, you can adjust:
- corner radius (roundness)
- border thickness
- divider lines
- form field borders
The section is divided into four parts.
🔘 Buttons
Control how your buttons look across the store.
Corner radius
Adjust how rounded the button corners are — from sharp edges to fully rounded.
Use rounded corners for modern design, or smaller values for a minimal, sharp look.
Border thickness
Controls the thickness of button borders.
This is especially important for outline buttons, but it affects all button types.
You can set thin borders (like 0.5px) or thicker styles depending on your brand.
🃏 Cards (Product & Content Cards)
These settings apply when using Box Style for cards.
Corner radius
Controls card corner roundness.
Border thickness
Adjust, customize, or hide the border:
- set to
0→ no borders - increase for more defined cards
Works only when Box Style is enabled.
📝 Forms & Inputs
Affects inputs such as:
- quantity selectors
- newsletter fields
- contact forms
- search inputs
Corner radius
Round or square the input fields.
Border bottom (optional)
When enabled, only the bottom border displays — creating a clean, minimal underline style.
Border thickness
Adjust or hide borders completely by setting value to 0.
➗ Dividers
Dividers separate content inside collapsible sections and other components.
Thickness
Controls the width of divider lines.
Minimum recommended value: 0.5px for subtle UI.
⭐ Best Practices
- Use consistent corner radius across the store
- Avoid very thick borders unless part of your brand style
- Try underline-only inputs for minimal modern layouts
- Keep dividers subtle to avoid visual clutter
With Borders Theme Settings, you can easily shape the visual structure and style of your entire store UI.