Section
A section break with customizable styling
👁️ PREVIEW
Use this component to create a section break – i.e. end the previous section of content and start a new one – and style the next section. If you want to style the first section on a page, just put this component before any other content.
Previous section of content
{%
include section.html
background="images/some-bg-image.jpg"
dark=true
size=full
%}
Next section of content
background
URL to background image, scaled to cover the section based on its contents.
Solid color background
dark
Whether the section should be forced to dark (true
) or light (false
) mode.
Match visitor's currently selected dark/light mode
size
Width/padding of the section. Set to wide
to make section take up entire page width, e.g. for large tables of data. Set to full
to make section take up entire screen width, with no margins, e.g. for use with 100% width figures to make banner images.
Limited width
Last updated