theme

view of the settings of the customized beaver builder module

How to customize built-in modules in Beaver Builder

By Michael Davis / June 8, 2017 /

While there are other ways to connect some dynamic (changing) data to settings within some modules, they’re not yet universal and require the additional purchase of either Beaver Themer or other third-party solutions. Recently I set out to see if I could find another solution for adding dynamic content. One that would allow a greater variety of sources and…

Read More

How fast can we create a new child theme for Beaver Builder?

By Michael Davis / December 20, 2016 /

Just released today, Child Themer from Cobalt Apps, turns the process of creating a child theme into just a few clicks. Once your child theme is created, you also have a powerful new editor to access and edit your child theme files. Watch as we go step-by-step through creating a new child theme using Child Themer. ×…

Read More

Beaver Builder theme hooks map function

By Michael Davis / September 24, 2016 /

If you’re using the Beaver Builder theme and need a handy way to reference the available hooks, add this code, provided by CobaltApps to your theme’s functions.php file for a quick way to display hooks on the front end.

Read More

Highlight parent menu items when viewing sub-pages

By Michael Davis / September 15, 2016 /

I noticed recently that the Beaver Builder theme header menu items were only highlighted when I was viewing the associated page – if I navigated to a subpage of that page, the menu item would no longer remain highlighted. I like to give as many visual clues as possible to help users understand the context and…

Read More

How to use the hooks in the Beaver Builder Theme

By Michael Davis / September 7, 2016 /

There are two kinds of hooks in Wordpress – filter and action hooks. You can leverage the power of these hooks to add functionality in WordPress plugins and insert custom content into defined sections of your theme layouts.

Read More

Which themes work best with Beaver Builder?

By Michael Davis / August 30, 2016 /

The Beaver Builder page builder plugin works well with most themes and doesn’t need the Beaver Builder Theme to be able to function. Obviously, the Beaver Builder theme is 100% compatible with the plugin but many developers use Genesis and Genesis Child themes in combination with Dynamik Builder with great success. GeneratePress is fast becoming another popular choice.…

Read More

Create a grid layout for your Beaver Builder blog page

By Michael Davis / August 29, 2016 /

The Beaver Builder blog page displays posts in chronological order, one by one. But what if you want your blog page to display a grid of posts? Grant Ambrose at BeyondBeaver explains how to do this with some nifty CSS. BEYONDBEAVER POST

Read More

Add a call to action button in your header

By Michael Davis / August 29, 2016 /

To add a call to action button to your themes header menu, follow this post on BeyondBeaver. BEYONDBEAVER POST

Read More

Remove Beaver Builder Theme Presets from the Customiser

By Michael Davis / August 29, 2016 /

To remove the Beaver Builder theme presets from the WordPress customiser, add this code to your functions.php file.

Read More

Add an Author bio to the end of WordPress posts

By Michael Davis / August 29, 2016 /

The Beaver Builder Theme doesn’t display Author bio’s at the end of your blog posts. You can add your author bio using one of these methods. Using Code Add this code to your functions.php to display Author bio at the end of your posts. Thanks to Viktor for the solution. Blog Posts Mike Gillihan has…

Read More

Hide the page title on a page by page basis

By Michael Davis / August 29, 2016 /

You can hide page titles site-wide by turning them off in the Beaver Builder Global Settings dialogue. If you only want to hide page titles on a page by page basis,use this snippet.  

Read More

Adjust header column widths in the Beaver Builder theme

By Michael Davis / August 29, 2016 /

Sometimes the Beaver Builder Header logo and menu spacing needs adjusting to suit your preferences – you can change the space allocated in a few ways… You can change the allocated widths for the header logo and menu by using this CSS snippet. Just change the percentage allocations to suit your preferences. Follow this tut by…

Read More