Borders theme settings

Applies to: Borders 3.1.0 and later. Added in: Borders 1.0.0. Last checked: 2026-10-13 against Borders 3.1.0.

The Borders theme settings draw the lines of the Borders grid: around the store, between grid items and between sections. They set the style, width and padding of each kind of line. The line color comes from the Borders color of each section's color scheme (Colors theme settings).

Where to find it: Theme settings → Borders

Main containerCopy Anchor Link

The main container border is the line around your entire store.

• Border style sets Solid, Dashed or Dotted.
• Border width sets the thickness, 0 to 20 px. 0 removes the line.
• The border sits inside the margins set in Layout theme settings.

Primary bordersCopy Anchor Link

Primary borders are the lines you see most: between all inner grid items (product cards, blocks, columns), and as inner dividers inside drawers and menus.

• Border style sets Solid, Dashed or Dotted (default: Dotted).
• Border width sets the thickness, 0 to 20 px.
• Add padding to horizontal borders shortens the horizontal lines so they stop at the grid item's inner padding instead of touching the edges.
• Add padding to vertical borders does the same for the vertical lines.
• The padding takes its value from Inner padding in Theme settings → Layout.
• You can hide these lines in one section with Hide borders in that section's design settings.

Secondary bordersCopy Anchor Link

Secondary borders separate sections from each other: you see them at the bottom of each section. They are also the outer borders of drawers and menus.

• Border style sets Solid, Dashed or Dotted.
• Border width sets the thickness, 0 to 20 px. 0 removes the line under every section.
• Add padding to horizontal borders insets the lines under sections by the grid Inner padding:
  • Never: the lines run the full width.
  • Main content area: the lines are inset in the page sections and the footer; the header area keeps full-width lines.
  • Everywhere: the lines are inset everywhere, including the Header, Announcement bar and header Scrolling text sections.
• You can hide the line under one section with Hide section bottom border in that section's design settings.

Modals/drawersCopy Anchor Link

Drawers and modals use the border styles set above, always at 1 px wide.

• Disable borders in drawers removes the lines inside drawers and modals completely.

Setting up the border style of your storeCopy Anchor Link

Why is my primary border thinner than I set it?Copy Anchor Link

Borders limits the primary border width to the secondary border width. A 10 px primary border with a 5 px secondary border shows at 5 px. Raise the secondary Border width to make primary borders thicker.

How do I hide the borders of one section?Copy Anchor Link

Use the section's own design settings. Hide section bottom border removes the line under the section, Hide borders removes the lines between its grid items, and Hide heading border removes the line under its heading. See General section styling.

Can I change the color of the borders?Copy Anchor Link

Yes, per color scheme. Each scheme in Theme settings → Colors has a Borders color, used by every section with that scheme. To have lines of a different color in one section, give that section a different color scheme.

All Borders settingsCopy Anchor Link

Every setting on this page, with its type and default.

Related pagesCopy Anchor Link

• Layout theme settings: margins and grid padding.
• General section styling: Hide section bottom border and Hide borders.