David Waumsley
I help clients with WordPress websites and digital marketing at WP Corner Shop I also co-host on the WP Builds podcast and blog at davidwaumsley.com.
Responsive Grids
Layouts - Intermediate - LiteA simple CSS tweak to give more flexibility creating responsive grids using Beaver Builder columns.
Image Swap on Hover
Rows - Beginner - LiteThis shows a column (or child column) background image until a mouse hover show the Beaver Builder photo module image.
Row Background Blend modes
Rows - Beginner - LiteThis row template contains the CSS blend mode info to create some nice blends between Beaver Builder background colors and images.
Animated Social Icons
Rows - Intermediate - LiteA collection animated social icons using the Beaver Builder HTML module.
Separators
Rows - Beginner - LiteA collection of styled separators (horizontal rules) using the Beaver Builder HTML module. Helps Beaver Builder Lite user who do not have the Separator module.
Fancy Headings
Rows - Intermediate - LiteA collection of CSS styled headings using the Beaver Builder heading module.
Image Hover Effects
Rows - Beginner - LiteA 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 - LiteA 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 - LiteThis 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 - LiteAn 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 - LiteCustom bullet point list items using only HTML and CSS. An flexible alternative to the Beaver Builder List Module.
Price List & Business Hours
Rows - Beginner - LiteSimple mobile responsive lists using the HTML module. Add background styles with the column settings.
Faster YouTube Videos
Modules - Beginner - LiteThis 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 - LiteA homepage design using the HomePage Framework One template.
Handyman Template
Full Page Templates - Beginner - LiteA homepage template for handymen or other single person trade businesses. Made from the Homepage Framework One.
Bottom Aligned Modules in Columns
Rows - Beginner - LiteA simple CSS snippet that let you align modules to the bottom of columns.
Animal Farm Template
Full Page Templates - Beginner - LiteA home page template made from HomePage Framework One.
Accordion
Modules - Intermediate - LiteA simple CSS and JS accordion using the Beaver Builder Text module. Best for Beaver Builder Lite users.
Row Shape Textures
Layouts - Beginner - LiteA collection of rows that use background shapes to created abstract textures.
Team Gallery
Rows - Expert - LiteAn interactive gallery using custom CSS JS and Beaver Builder column, text and html modules.
Exit Intent PopUps
Modules - Intermediate - LiteThis 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.
Horizontal Tabs
Modules - Beginner - LiteThis uses the Beaver Builder HTML module and custom HTML, CSS and JS. It was adapted from W3 Schools.
Overlapping Photos
Layouts - Intermediate - LiteA page layout with that uses CSS ( z-index and positioning ) to overlay image that can be edited individually.
Typography Fun
Layouts - Intermediate - LiteThis is a collection of… still need to sort out a format for this.
Blockquotes
Rows - Intermediate - LiteA collection of CSS styled blockquotes using the Beaver Builder text module.
Text boxes overlapping images
Layouts - Advanced - LiteExperiments using CSS (z-index and positioning) along with background row shapes for out of the box designs.
Modal Box with Button
Modules - Intermediate - LiteA 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.
Pricing Table with Tooltips
Rows - Advanced - LiteThis uses Beaver Builder columns, text modules and HTML modules with custom CSS and JS.
Pricing Table with Switcher
Rows - Expert - LiteThis uses Beaver Builder columns, text modules and HTML modules with custom CSS and JS.
Pricing Table with Ribbon
Rows - Beginner - LiteThis uses Beaver Builder columns and the text modules with custom CSS.