Full-width section is a perfect solution when you would like to have a custom background.
TIP: When using the full-width section, drop the Elastic container inside to use the website's standard margins for the content inside. Otherwise, all elements will appear in full width without any margins.
Here is a standard one column section with gray background, to show you the difference.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper est ut facilisis malesuada. Nunc eleifend ante sit amet leo vulputate, nec posuere dolor volutpat. In hac habitasse platea dictumst
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper est ut facilisis malesuada. Nunc eleifend ante sit amet leo vulputate, nec posuere dolor volutpat. In hac habitasse platea dictumst. Nulla eu neque et mauris mattis dignissim ac vitae metus. Sed nec massa velit. Sed ullamcorper ornare orci ac eleifend. Integer feugiat ante volutpat diam facilisis, in semper velit porta. Donec at orci maximus, ultricies orci fermentum, tincidunt ligula. Cras hendrerit, tellus sit amet condimentum suscipit, justo elit interdum eros, at vulputate mi nisi nec nisi. Praesent non sagittis diam. Sed scelerisque ligula ut urna bibendum, ac blandit urna luctus.
Nulla erat nisi, efficitur quis nibh in, egestas rutrum ipsum. Aliquam varius ultricies ante, vel tempor tellus pulvinar at. Quisque porttitor viverra quam at bibendum. Sed fringilla tempor elit, id varius justo maximus nec.
This is a shared content element ->