Extending Beaver Builder Modules

I just found out something super cool. Beaver Builder has built into it a mechanism for rewriting core modules. We have a project that I’m working on where I don’t want to use the Beaver Builder button styles, I’d much rather use the Bootstrap.js button styles that come with the theme.

Instead of writing a TON of CSS to overwrite the Beaver Builder button styles, I just customized the module to use the Bootstrap classes.

This is super easy. All you have to do is copy the module that you want to customize into your child theme in the a fl-modules/modules directory in your theme. Once I did that I replaced the default fl-button class with the btn Bootstrap class and I was up and running.

Now I’m in the process of updating the Button module settings to allow the user to select the type of button and size using the Bootstrap class system.

Well done Beaver Builder team!

Leave a Reply