With the Services (List) section, you can pair images or icons with headings, descriptions, and links to showcase what you do best.
Here’s how to add and customize a Services section in your Durable website editor:
Click Add section + at the top or bottom of your page.
Type List into the search box, then select List (sometimes labeled “Services”) from the results. Durable will insert example items with placeholder images and text.
Open the editor by hovering over the new section, clicking the ⋯ menu, and choosing Edit section.
Content Tab:
Configure exactly what each list item shows:
Tagline (optional): Click Generate to add a short intro above your list.
Headline: Click Regenerate or type your own title (e.g. “Our Services,” “What We Offer”).
Subtext (optional): Click Generate for a brief description under your headline.
Display toggles: Switch Image, Icon, Heading, Content, and Link on or off to control which elements appear.
Link type: Choose whether each item’s heading or button navigates as a List Item (clicking the whole card) or as a Button.
Adding and editing items
Reorder items by dragging the ⋮⋮ handle.
Edit an item by clicking the pencil icon:
Image/Icon: Click Change to upload your own image or select an icon. Click Regenerate to let Durable suggest visuals.
Alt text: Describe each image for accessibility and SEO.
Title: Enter a concise name for the service or feature.
Content: Add a brief description beneath the title. Click Regenerate for AI-powered suggestions.
Link: Toggle on to add a button, then set the Label (e.g. “Learn more”) and Destination (page, section, email, or phone).
Add a new item by clicking Add a service + and repeating the above steps.
Style Tab:
Customize the visual style of your list:
Colors: Click Change to pick from your theme palette or enter custom hex codes for backgrounds, text, and buttons.
Button style: Select from preset designs to match your brand.
Background image/video: Toggle on to layer media behind your list.
Text size: Choose heading and subtext sizes (Small, Medium, Large).
Alignment: Set text alignment (left, center, or right).
List style: Pick a layout grid, carousel, or stacked and spacing between items.
Image settings: Control Image fit (Cover, Contain), Aspect ratio (e.g. 1:1 square), and Rounded corners.
Item size & text position: Choose Small/Medium/Large cards and place text above, below, or beside images.
Animations: Select how items appear on scroll (Fade, Zoom, Slide, or None).
Spacing: Adjust padding above and below the section (Small, Medium, Large) and choose minimum height (Content or Full Screen).
Divider and Border: Toggle on to add separators or frames between items or around the entire list.
Click Done, then Publish to share your new Services section with visitors.
Need help refining your services showcase? Our team is here for you reach out anytime, and we’ll be happy to assist!