Less offers a powerful feature called containers. This tool allows you to create unique page layouts without the need for visual page builders. And you can easily make full-width sections, organize your content into distinct parts, and apply different styles—all without writing a single line of code.
- Use the generic
<div>or semantic<section>tag for structural output. - Add a custom
idto your container for easy inter-linking. - Add custom
attributesto your container for better data. - Add the
.bleed1,.bleed2,.bleed3,.bleed4or.bleed5class to add variety to the style.
To create a container use the container shortcode to generate the proper HTML needed for full-width layout bleeds.
[container]
Add your container content here.
[/container]