Hacks

Full width pages in Genesis with Beaver Builder

By Michael Davis / July 4, 2016 /

Here’s a useful bit of CSS for your Genesis child theme to achieve a full-width page layout brought to you by Neil Gowran. The code includes CSS for a Genesis child themes, Altitude Pro, Executive Pro, Outreach Pro, Enterprise Pro, mobile and general child themes. Add the CSS to your child themes stylesheet and you…

Read More

Add Google Analytics to your pages using Beaver Builder

By Michael Davis / July 4, 2016 /

With Beaver Builder installed, you don’t need additional plugins to get Google Analytics working on your site. Just add the Google Analytics code into the Beaver Builder JavaScript section of the Global Settings dialog box. You’ll need to head over to your Google Analytics account first and copy the website tracking code for your site. When…

Read More

Using Advanced Custom Fields and Beaver Tunnels to build re-usable templates

By Michael Davis / July 4, 2016 /

If you publish information on your website that requires additional metadata over and above the standard post content, title and featured image, then you might consider creating custom posts types, custom fields and templates for your site. The standard WordPress post editor has placeholders for the post title, content and featured image. But what if…

Read More

Use Chrome Web Inspector to look up CSS class names

By Michael Davis / July 3, 2016 /

We’re always trying to tweak elements our pages using the power of CSS classes. But it’s not always that easy finding out which classes to use. In this video, Beaver Builder developer Jon Mather shows how to use various tools to target the right CSS classes.  

Read More

Using Beaver Builder with the Headway theme

By Michael Davis / July 3, 2016 /

Beaver Builder Videos has a pretty comprehensive tutorial on how to create a 5-page site using Headway and Beaver Builder.

Read More