The follow example illustrates how you can configure sections of a page with background colors or images that run from the left edge of the browser to the right edge of the browser. The background image position and size can be adjusted as needed through CSS. You can also combine multiple background images for an individual section to achieve the look you need.
Note: To configure content to run from edge to edge, you must disable the Aside and then configure the main Section elements of your Article with a section layout. If you use a Grid layout for the initial sections, the generated HTML sections will never reach the edge of the browser.
Background Color Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae elit at erat ultrices rhoncus nec eu tortor. Suspendisse ligula ex, auctor vitae eros at, placerat consectetur mauris. Aenean fringilla metus urna, id laoreet turpis tempor ac. Fusce molestie felis eu bibendum maximus. Aliquam euismod nulla massa, eget commodo nisl ultricies a. Integer accumsan lacinia metus tristique luctus. Etiam faucibus sit amet nisl ac rutrum. Pellentesque gravida dolor ac lobortis auctor. Duis interdum convallis lectus id posuere. Aenean a diam dignissim, eleifend quam nec, feugiat sapien.
Background Image Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae elit at erat ultrices rhoncus nec eu tortor. Suspendisse ligula ex, auctor vitae eros at, placerat consectetur mauris. Aenean fringilla metus urna, id laoreet turpis tempor ac. Fusce molestie felis eu bibendum maximus. Aliquam euismod nulla massa, eget commodo nisl ultricies a. Integer accumsan lacinia metus tristique luctus. Etiam faucibus sit amet nisl ac rutrum. Pellentesque gravida dolor ac lobortis auctor. Duis interdum convallis lectus id posuere. Aenean a diam dignissim, eleifend quam nec, feugiat sapien.
Background Image Left Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae elit at erat ultrices rhoncus nec eu tortor. Suspendisse ligula ex, auctor vitae eros at, placerat consectetur mauris. Aenean fringilla metus urna, id laoreet turpis tempor ac. Fusce molestie felis eu bibendum maximus. Aliquam euismod nulla massa, eget commodo nisl ultricies a. Integer accumsan lacinia metus tristique luctus. Etiam faucibus sit amet nisl ac rutrum. Pellentesque gravida dolor ac lobortis auctor. Duis interdum convallis lectus id posuere. Aenean a diam dignissim, eleifend quam nec, feugiat sapien.
Background Image Right Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae elit at erat ultrices rhoncus nec eu tortor. Suspendisse ligula ex, auctor vitae eros at, placerat consectetur mauris. Aenean fringilla metus urna, id laoreet turpis tempor ac. Fusce molestie felis eu bibendum maximus. Aliquam euismod nulla massa, eget commodo nisl ultricies a. Integer accumsan lacinia metus tristique luctus. Etiam faucibus sit amet nisl ac rutrum. Pellentesque gravida dolor ac lobortis auctor. Duis interdum convallis lectus id posuere. Aenean a diam dignissim, eleifend quam nec, feugiat sapien.
Background Image Left Text Right Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae elit at erat ultrices rhoncus nec eu tortor. Suspendisse ligula ex, auctor vitae eros at, placerat consectetur mauris. Aenean fringilla metus urna, id laoreet turpis tempor ac. Fusce molestie felis eu bibendum maximus. Aliquam euismod nulla massa, eget commodo nisl ultricies a. Integer accumsan lacinia metus tristique luctus. Etiam faucibus sit amet nisl ac rutrum. Pellentesque gravida dolor ac lobortis auctor. Duis interdum convallis lectus id posuere. Aenean a diam dignissim, eleifend quam nec, feugiat sapien.