CB Custom Beaver Builder Modules
Crafty Beaver Custom Modules is custom Beaver Builder development shop and this is our free suite of elegant custom modules for for Beaver Builder. These modules come from client requests and typically highlight photography with smooth animations, interactions, and hover effects. This is an extension of the Beaver Builder page builder plugin. Current Modules Poise – Poise is an adaptation of the default WordPress image gallery that highlights images on hover, literally elevating the image with a CSS3 transform and sleek diffused shadow. Clicking on images opens them in the beautiful default BB lightbox. Shade – Add sleek hover effects and custom colors to your background images. Overlay them with custom WYSIWYG content and even make them clickable. Spotlight – Create your own list of custom links on one side that each replaces the ‘spotlight’ photo on the other. Customize column sizes and more. Broadside – Horizontal slider to showcase design work, posters, photography, and more. Responsive and responds to touch on mobile. Clicking on images opens them in the beautiful default BB lightbox. Scout – Sticky navbar that fixes to the top of the screen when it gets there, allowing smooth scrolling to other elements on the page. Dust – Utilizing the popular Particles.js library, this module helps you make custom heroes with cool interactive, animated backgrounds. Slice – Animated photo gallery with stacked, ‘sliding cards’ effect. Integrates with the default Beaver Builder lightbox. Legend – Standard photo module but with a twist- hidden content is revealed on hover. Link List – Create a list of files/links for users, displayed in rows with a custom icon and color scheme. + Button List – Create of list of files/links, displayed as buttons with a custom icon and color scheme. + Simple Events – Create a simple list of events with great responsive styling options and no need for an extensive plugin. CB Advanced Menu – Playing on the default BB Menu Module, this horizontal menu style is called… the Pancake Menu. + Drawerfolio – Custom photo portfolios with dropdown content areas. Layout Settings * Dust – The “Dust” module is now available as a row background in addition to being it’s own module. (Utilizing the popular Particles.js library, this module helps you make custom heroes with cool interactive, animated backgrounds.) For more information and module demos, visit Crafty Beavers. If you have need for new modules or enhancements to current modules, please contact us or visit the github repo. + Some features of this module may require the Paid version of Beaver Builder. ++ Some features of this module may require Beaver Builder 2.0+.
Video Background
Video Background offers a simple and easy way to add a video background to any element on your WordPress site. There are 4 simple required fields: Container: This fields specifies where you would like the video background. MP4: Link to the .mp4 file. For Safari and IE support. WEBM: Link to the .webm file. For Chrome, Firefox, and Opera support. Poster: This will be used for the fallback image if video background is not supported (mobile for example) There are also 5 additional optional fields for having a more beautiful video background: Overlay: Add a color overlay over the video for optimal reading of text. Overlay Color: If overlay is enabled, you can select the color of the overlay using the colorpicker. Overlay Alpha: If overlay is enabled, you can specify the amount of transparency. Loop: Enable or disable the looping of the video background Tap to unmute: Add a “Tap to unmute” button to your video backgrounds to have your users engage with the sound. Compatible with Chrome’s newest autoplay policies! In addition to the Video Background metabox, WPBakery integration, and SiteOrigin Page Builder integration, you can use the shortcode for use anywhere on your WordPress site: [vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"] Demo: https://pushlabs.co/docs/video-background/
