CSS Columns

CSS Columns are hard! With this module, we hope to simplify adding columns of text all the way up to six columns! The columns are fully responsive.

Example in the Wild

If you visit my homepage, you'll see the columns in action. For convenience, I'll just embed the row so you can see for yourself.

You love Beaver Builder and we do, too. But sometimes you just wish it had a few more features.

You came to the right place. If you were wishing that Beaver Builder would allow for variable headings, we have your back. Not only that but custom cards, photo overlays, and more.

What's even better is that no matter the license option that you choose, you get all of our modules. Yes. You read that right. You get all of our modules.

Choose your license, download BB Vapor Modules, and you're ready for animated buttons, before and after state photos, stylish block quotes, and more!

Go Up To 6 Columns

orem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu odio porta, tristique nulla at, pharetra nunc. Etiam sit amet cursus lacus. Vestibulum elementum facilisis turpis. Aenean non luctus nulla. Suspendisse sit amet nisi volutpat, tincidunt purus id, viverra felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Etiam semper dolor non lectus porta efficitur. Aenean faucibus ac massa at faucibus.

Suspendisse quis rutrum purus. Donec ac lacus feugiat, molestie ante id, fringilla nibh. Suspendisse vel tempus velit. Cras sed nulla ligula. Curabitur malesuada, ipsum eget pretium molestie, magna tortor fermentum massa, vitae tempor urna eros eget libero. Donec dolor massa, suscipit quis tempus non, convallis vitae eros. Sed interdum nec diam et condimentum. Sed lobortis mattis dui. Suspendisse potenti. Maecenas neque risus, consectetur vulputate tempus vulputate, dictum et nunc. Aliquam egestas arcu non nisl scelerisque, eu dictum nunc sollicitudin. Curabitur pretium interdum odio, quis ultricies nisl dictum eu. Vestibulum mattis sed mi venenatis hendrerit.

Ut pulvinar, erat sit amet venenatis fringilla, erat dolor consectetur urna, non porta sapien mauris sed nisl. Cras interdum eleifend nulla vel dictum. Pellentesque euismod massa id turpis mattis condimentum. Duis non gravida nunc. Donec tempor nibh varius posuere consectetur. Sed interdum rutrum feugiat. Nunc eu dictum augue.

Change the Background and Text Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu odio porta, tristique nulla at, pharetra nunc. Etiam sit amet cursus lacus. Vestibulum elementum facilisis turpis. Aenean non luctus nulla. Suspendisse sit amet nisi volutpat, tincidunt purus id, viverra felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Etiam semper dolor non lectus porta efficitur. Aenean faucibus ac massa at faucibus.

Suspendisse quis rutrum purus. Donec ac lacus feugiat, molestie ante id, fringilla nibh. Suspendisse vel tempus velit. Cras sed nulla ligula. Curabitur malesuada, ipsum eget pretium molestie, magna tortor fermentum massa, vitae tempor urna eros eget libero. Donec dolor massa, suscipit quis tempus non, convallis vitae eros. Sed interdum nec diam et condimentum. Sed lobortis mattis dui. Suspendisse potenti. Maecenas neque risus, consectetur vulputate tempus vulputate, dictum et nunc. Aliquam egestas arcu non nisl scelerisque, eu dictum nunc sollicitudin. Curabitur pretium interdum odio, quis ultricies nisl dictum eu. Vestibulum mattis sed mi venenatis hendrerit.

Ut pulvinar, erat sit amet venenatis fringilla, erat dolor consectetur urna, non porta sapien mauris sed nisl. Cras interdum eleifend nulla vel dictum. Pellentesque euismod massa id turpis mattis condimentum. Duis non gravida nunc. Donec tempor nibh varius posuere consectetur. Sed interdum rutrum feugiat. Nunc eu dictum augue.

It Also Works With Images

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu odio porta, tristique nulla at, pharetra nunc. Etiam sit amet cursus lacus. Vestibulum elementum facilisis turpis. Aenean non luctus nulla. Suspendisse sit amet nisi volutpat, tincidunt purus id, viverra felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Etiam semper dolor non lectus porta efficitur. Aenean faucibus ac massa at faucibus.

Suspendisse quis rutrum purus. Donec ac lacus feugiat, molestie ante id, fringilla nibh. Suspendisse vel tempus velit. Cras sed nulla ligula. Curabitur malesuada, ipsum eget pretium molestie, magna tortor fermentum massa, vitae tempor urna eros eget libero. Donec dolor massa, suscipit quis tempus non, convallis vitae eros. Sed interdum nec diam et condimentum. Sed lobortis mattis dui. Suspendisse potenti. Maecenas neque risus, consectetur vulputate tempus vulputate, dictum et nunc. Aliquam egestas arcu non nisl scelerisque, eu dictum nunc sollicitudin. Curabitur pretium interdum odio, quis ultricies nisl dictum eu. Vestibulum mattis sed mi venenatis hendrerit.

Ut pulvinar, erat sit amet venenatis fringilla, erat dolor consectetur urna, non porta sapien mauris sed nisl. Cras interdum eleifend nulla vel dictum. Pellentesque euismod massa id turpis mattis condimentum. Duis non gravida nunc. Donec tempor nibh varius posuere consectetur. Sed interdum rutrum feugiat. Nunc eu dictum augue.

Features

  • Adjust the number of columns

  • Adjust the column gap to whatever you desire.

  • Add a border in between columns

  • Change the background color, typography, and text colors.

Purchase today!

We honor a no-questions-asked 30-day money back guarantee.

Starter
$49 / Yearly
  • All Modules
  • Yearly Support
  • Feature Requests
  • Whitelabel
  • 5 Sites
  • 7 Day Free Trial
Developer
$99 / Yearly
  • All Modules
  • Yearly Support
  • Feature Requests
  • Whitelabel
  • Unlimited Sites
  • 7 Day Free Trial
Lifetime
$149 Once
  • All Modules
  • Unlimited Support
  • Feature Requests
  • Whitelabel
  • Unlimited Sites
  • Lifetime Updates