Skip to main content

Full bleed sections

Stretch a section background to the full browser width while keeping content centered. When and how to use full bleed.

Written by Troy Villasanta

A full-bleed layout includes images and other sections covering the entire width of the page. As the content “bleeds” to the edges of the page, there is no padding, margin, or border around full-bleed sections.

This creates an expansive feel and places focus on your site's imagery. These layouts aim to improve readability by removing all distractions, including sidebars, from around the main content.

To create full-bleed sections:


1. Select the preferred section where you want the tiles or images to extend.

2. From the left pane menu, check the box called Full-bleed


Full bleed is a section-level setting. For a broader context on section configuration, see the guide to how sections work in Zoomforth.

Did this answer your question?