Override the Beaver Builder LightBox Plugin

Here is a quick guide on how to override the Beaver Builder Lightbox plugin in which you may wish to run another lightbox plugin instead. If you are using the Beaver Builder plugin, then add in your theme’s function.php add_filter( ‘fl_builder_override_lightbox’, ‘__return_true’ ); Additionally, if you are running the Beaver Builder Theme then you need…

Read More

Change Default Values in Beaver Builder Themes Customizer Settings

Change Default Customizer Settings Beaver Builder

The Beaver Builder Themes default values in the Customizer can be changed with the fl_theme_add_panel_data filter. These are the values when you click on the default button that return a value set from the original code. The filter is found bb-theme/classes/class-fl-customizer.php and takes 2 parameters $key and $data, the former being the customizer panel and…

Read More

Changing the Customizer Values & Presets for the Beaver Builder Theme

beaver-theme-preset-default

Here is a quick way to override the active preset that comes with the Beaver Builder Theme in the Customizer. This may come in handy if you need to start off with your own preset settings and perhaps remove all the other presets so the theme cannot be drastically changed. You can obviously override the preset…

Read More

Add Search Icon After Menu using B Themer with the Beaver Theme

add-search-icon-to-menu

Here’s how you can add a search icon after a menu in a header done in the Beaver Theme using Beaver Themer. Create a Shortcode for the Beaver Builder Search function add_shortcode( ‘bb_search’,’bb_search_shortcode’ ); /* Add Search via shortcode */ function bb_search_shortcode() { ob_start(); FLTheme::nav_search(); return ob_get_clean(); } Create the Header in Beaver Themer Create…

Read More

Add System Font Stack to Customiser Preset in Beaver Builder Theme & Plugin

system-font-stack-beaver-theme

A system font stack is a series of fonts that are native to Apple, Windows and Linux desktop and mobile operating systems, they are inbuilt so are fast to load and provide a relatively comfortable and consistent display across different mediums. Beaver Theme 1.6.2 has added some additional filters that allow extra fonts to be…

Read More

Add a Numeric Pagination with Accessibility in the Beaver Builder Theme

numeric-pagination-beaver-theme

The default WordPress post pagination used in Beaver Builder Theme uses wp_pagenavi() and gives output as below.   You can swap this single post navigation for a numeric display using the navigation function the_posts_pagination(), this also has the added benefit of using accessibility features for screen readers. First up is to make sure you copy…

Read More