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

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, 999 ); Additionally if you are running the Beaver Builder Theme then you…

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