Skip to content

Tips & Tricks

Tips related to achieving a desirable outcome reliant on certain platform functionality.
Sift through the different possible scenarios to find tips & tricks on the best way to accomplish your goal.

Issue Fixer: Clear Beaver Builder, Site & Sucuri Cache

CSS and JavaScript files are dynamically generated and cached in Beaver Builder each time you create a new layout, and the cache is automatically cleared…

W+M Settings Setup – Swap Prep

Another task that builders must do when setting up a W+M site under our current build process is to update the content that is retained…

How to Create a Post Using Gravity Forms

You may run across a site build where the request is to automatically generate posts based on form submissions by site visitors who are not…

Anchor-link to a Specific Item in a Tab or Accordion Module

You can link to a specific item in the Tabs or Accordion module by setting a custom CSS ID for the module, then using that…

How to Use a Vertical Nav-Bar in Beaver Builder Themer

Disable Themer Header Step 1: Turn off Beaver Builder Themer Layout for Header (Click here for more information on Themer Layouts) If you’re working on…

Force Footer to the Bottom of the Page

When you have limited content on a page, the footer may be forced up in the page. You can add CSS to force the footer…

Beaver Builder Current Date Shortcode

You can insert a shortcode for current year or current date into text areas of Customizer (such as the footer) or in Beaver Builder layouts,…

Style a Menu Item to Look Like a Button

To add a button, first, create a menu item that you want to turn into a button. Then add a class to that menu item….

Trigger a Modal Popup by Clicking a Menu Item

Edit your themer header in builder view and drag a UABB Modal Popup module into an empty column above your main header row. Style the…

Create a Custom Top Bar Using a Menu

In the customizer: Create a new menu and name it. In this example its name is “top bar.”Use Font Awesome to grab html tags for…

Restoring Layouts in Beaver Builder

Restoring refers to several scenarios: Beaver Builder hangs while you’re editing a page.Beaver Builder autosaves as you work, so if your page hangs as you’re…

Fixing Image Heights on Product Archive Pages

Regardless of the module being used on the archive page, a common issue noticed is that the product images in the grid are all different…

Scroll To Top