David Waumsley – Beaver Junction for Beaver Builder Users

Image Hover Effects

A collection of CSS hover over effects for the Beaver Builder Photo Module. Use the Beaver Junction plugin to audition and tweak these before committing to your site.

Image Scroll on Hover

Rows - Beginner - Lite

A simple CSS effect often used on website portfolios. A long image is set to shows only the top part, but on hover scrolls to show the rest.

Sticky Columns

Rows - Intermediate - Lite

This uses the “sticky” CSS position to make columns (and other things in Beaver Builder) float. Useful for floating sidebars, ecommerce carts, story chapters and special effects.

HomePage Framework One

Wireframes - Advanced - Lite

An experimental wireframe for building Beaver Builder homepages. It aims to be a guide for gathering content, setting up brand assets and layout.

Bullet Point Lists

Rows - Intermediate - Lite

Custom bullet point list items using only HTML and CSS. An alternative the the Beaver Builder List Module.

Price List & Business Hours

Rows - Beginner - Lite

Simple mobile responsive lists using the HTML module. Add background styles with the column settings.

Faster YouTube Videos

Modules - Beginner - Lite

This uses the Beaver builder HTML module and speed up page load by serving only YouTube thumbnail until the play button is clicked.

Gardener Template

Full Page Templates - Beginner - Lite

A homepage design using the HomePage Framework One template.

Handyman Template

Full Page Templates - Beginner - Lite

A homepage template for handymen or other single person trade businesses. Made from the Homepage Framework One.

Bottom Aligned Modules in Columns

Rows - Beginner - Lite

A simple CSS snippet that let you align modules to the bottom of columns.

Animal Farm Template

Full Page Templates - Beginner - Lite

A home page template made from HomePage Framework One.

Accordion

Modules - Intermediate - Lite

A simple CSS and JS accordion using the Beaver Builder Text module. Best for Beaver Builder Lite users.

Row Shape Textures

Layouts - Beginner - Lite

A collection of rows that use background shapes to created abstract textures.

Team Gallery

Rows - Expert - Lite

An interactive gallery using custom CSS JS and Beaver Builder column, text and html modules.

Exit Intent PopUps

Modules - Intermediate - Lite

This uses a hidden Beaver Builder HTML module to display a popup. It works with Beaver Builder Lite, but is more flexible with Beaver Builder templates.

Social Icons

Rows - Intermediate - Lite

A wide collection of styles social icons using the Beaver Builder HTML module.

Horizontal Tabs

Modules - Beginner - Lite

This uses the Beaver Builder HTML module and custom HTML, CSS and JS. It was adapted from W3 Schools.

Blockquotes

Rows - Intermediate - Lite

A collection of CSS styled blockquotes using the Beaver Builder text module.

Text boxes overlapping images

Layouts - Advanced - Lite

Experiments using CSS (z-index and positioning) along with background row shapes for out of the box designs.

Overlapping Photos

Layouts - Intermediate - Lite

A page layout with that uses CSS ( z-index and positioning ) to overlay image that can be edited individually.

Typography Fun

Layouts - Intermediate - Lite

This is a collection of… still need to sort out a format for this.

Modal Box with Button

Modules - Intermediate - Lite

A simple modal (popup) with CSS and JS taken from W3 Schools. It uses a Beaver Builder shortcode to show a saved template. Beaver Builder Lite users will need to add some HTML.