Tutorial status: • ready | • in progress | • coming
This shows a column (or child column) background image until a mouse hover show the Beaver Builder photo module image.
This row template contains the CSS blend mode info to create some nice blends between Beaver Builder background colors and images.
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.
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.
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.
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.
Simple mobile responsive lists using the HTML module. Add background styles with the column settings.
This uses the Beaver builder HTML module and speed up page load by serving only YouTube thumbnail until the play button is clicked.
A homepage design using the HomePage Framework One template.
A homepage template for handymen or other single person trade businesses. Made from the Homepage Framework One.
A simple CSS snippet that let you align modules to the bottom of columns.
This gives Beaver Builder’s testimonial module a little panache with some simple CSS.
A home page template made from HomePage Framework One.
A collection of rows that use background shapes to created abstract textures.
This uses the Beaver Builder HTML module and custom HTML, CSS and JS. It was adapted from W3 Schools.
This uses Beaver Builder columns and the text modules with custom CSS.
A collection on buttons with CSS. Some have animation and use the HTML module rather than the Beaver Builder button module.