Section headings and footers theme settings
The Section headings & footers theme settings of Borders style every section heading, its padding and slider arrows, and the section footer button.
Applies to: Borders 3.1.0 and later. Added in: Borders 1.0.0. Last checked: 2026-10-13 against Borders 3.1.0.
Section headings are the optional titles at the top of most sections; section footers hold a call to action button and the slider arrows at the bottom. Their look is set once for the whole store here; the text, heading tag and button link are set in each section.
Where to find it: Theme settings → Section headings & footers
Section headings
These settings style the Heading of every section that has one.
- Text font uses the Headings or the Body font from Typography theme settings.
- Text size sets the size, from Small to Extra huge. The sizes scale from the font's Base size and shrink on smaller screens.
- Mobile text size changes the size on phones (below 768 px): Small is 75 percent, Medium 90 percent and Large 120 percent of the default mobile size.
- Text weight (bold) and Text style (italic) set the style. Borders loads the italic version of the heading font only when italic is on.
- Top padding and Bottom padding set the space above and below the heading, from None to Extra large (15, 30, 60 or 90 px on wide screens).
- Show slider navigation elements inside on desktop puts the previous and next arrows of slider sections in the heading row, on the right. When it is off, they show in the section footer.
In Borders 3.1.0, Line height is not applied to section headings: they keep the default line height.
One note on slider navigation elements - if the option is checked, even if your section doesn't have a title, the navigation will appear at the top of the section. And don't forget that on mobile devices it will appear at the bottom of the section, no matter what you choose here.
Inner pages
- Section headings have a different size on inner pages than the homepage gives section headings a second size on every page except the home page.
- Text size on inner pages is that size. Use it for smaller headings on product, collection and content pages, where the page title is already large.
Section footer
The section footer is the row at the bottom of a section with the section's call to action button and, in sliders, the arrows. The button label and link are set in each section.
- Button style sets Outline or Solid for the footer button and the slider arrows in the footer.
- Button hover sets the hover effect. With Accent, the accent color slides in behind the label. With Invert, the opposite color slides in: the text color behind an outline button, the background color behind a solid one.
Making headings smaller on inner pages
Set the home page size
Open Theme settings → Section headings & footers and choose Text size, for example Extra large.
Turn on the inner pages size
Under Inner pages, turn on Section headings have a different size on inner pages than the homepage.
Choose the inner pages size
Set Text size on inner pages, for example Regular. Open a product page in the preview to check the headings of its sections.
Can I style the heading of one section differently?
No. The section heading style is the same in every section, so the store looks consistent. For a one-off title, leave the section's Heading empty and add a Rich text section above it with a Text block: it has its own Text font, Text size and Heading tag. See Rich text section.
All Section headings and footers settings
Every setting on this page, with its type and default.
Text font (dropdown, default: Headings): Sets the font of every section heading: the Headings or the Body font from Theme settings → Typography. Options: Body, Headings.
Text size (dropdown, default: Regular): Sets the size of every section heading. Sizes scale from the font's Base size and shrink on smaller screens. Options: Small, Regular, Large, Extra large, Huge, Extra huge.
Mobile text size (dropdown, default: Default): Scales section headings on screens narrower than 768 px: Small 75 percent, Medium 90 percent, Large 120 percent of the default mobile size. Options: Default, Small, Medium, Large.
Line height (dropdown, default: Default): Meant to set the line height of section headings. In Borders 3.1.0 section headings do not read this setting and keep the default line height. Options: Default, Small, Medium, Large.
Text weight (bold) (checkbox, default: on).
Text style (italic) (checkbox, default: off): Shows section headings in italic. Borders then also loads the italic version of the heading font.
Top padding (dropdown, default: Small): Sets the space above section headings: Small 15 px, Regular 30 px, Large 60 px, Extra large 90 px on wide screens, less on smaller screens. Options: None, Small, Regular, Large, Extra large.
Bottom padding (dropdown, default: Small): Sets the space below section headings, with the same sizes as Top padding. Options: None, Small, Regular, Large, Extra large.
Show slider navigation elements inside on desktop (checkbox, default: on): Shows the previous and next arrows of slider sections in the heading row on desktop, even when the section has no heading. When off, the arrows show in the section footer.
Section headings & footers theme settings: Inner pages
Where to find it: Theme settings → Section headings & footers → Inner pages
Section headings have a different size on inner pages than the homepage (checkbox, default: off): Gives section headings a second size on every page except the home page.
Text size on inner pages (dropdown, default: Regular): Sets the section heading size on every page except the home page. Options: Small, Regular, Large, Extra large, Huge, Extra huge.
Section headings & footers theme settings: Section footer
Where to find it: Theme settings → Section headings & footers → Section footer
Button style (dropdown, default: Outline): Sets the style of the section footer button and of the slider arrows in the footer. Options: Outline, Solid.
Button hover (dropdown): Sets the hover effect of the section footer button and arrows: Accent slides in the accent color, Invert slides in the opposite color (text color on outline buttons, background color on solid ones). Options: Invert, Accent.
Related pages
- General section styling: the Section heading and Section footer settings of each section.
- Typography theme settings: the fonts.
- SEO and other theme settings: the slider index shown between the arrows.
Typography theme settings
The Typography theme settings of Borders set the heading and body fonts, base sizes, line heights and letter spacing used across the store.
Page titles theme settings
The Page titles theme settings of Borders style the main title of collection, blog, article, account and other pages, except the product page.