Beginner

Tutorial status:  •  ready  |   •  in progress  |  •  coming

Sort by:
Skill Level:
Template Type:
Plugin Type:

Filters

Sort by:
Skill Level:
Plugin Type:
Template Type:

Image Swap on Hover

- -

This shows a column (or child column) background image until a mouse hover show the Beaver Builder photo module image.

Contributor:
Example
Last Updated:

Row Background Blend modes

- -

This row template contains the CSS blend mode info to create some nice blends between Beaver Builder background colors and images.

Contributor:
Example
Last Updated:

Separators

- -

A collection of styled separators (horizontal rules) using the Beaver Builder HTML module. Helps Beaver Builder Lite user who do not have the Separator module.

Contributor:
Example
Last Updated:

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.

Contributor:
Example
Last Updated:

Image Scroll on Hover

- -

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.

Contributor:
Example
Last Updated:

Clickable Columns

- -

This is one of our favorite snippets that makes a whole column clickable to the link (anchor tag) added to it. It’s flexible alternative to the Beaver Builder Callout and Call to Action modules.

Contributor:
Example
Last Updated:

Price List & Business Hours

- -

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

Contributor:
Example
Last Updated:

Faster YouTube Videos

- -

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

Contributor:
Example

Gardener Template

- -

A homepage design using the HomePage Framework One template.

Contributor:
Example

Handyman Template

- -

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

Contributor:
Example

Bottom Aligned Modules in Columns

- -

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

Contributor:
Example

Fancy BB Testimonials

- -

This gives Beaver Builder’s testimonial module a little panache with some simple CSS.

Contributor:
Example
Last Updated:
Load More