Posts Carousel
Example 1
In this example, we're displaying all of our posts and limiting them to 3 per row. You can set the number of posts displayed by manipulating the post width. In order to progress to the next slide, you would need to click on the dot indicators.
Example 2
This is a gallery carousel with a hover effect. In this example we've removed the dot indicators and added the left and right arrows.
Example 3
By removing the featured image and adding in the post content, you can created a post preview block. In this example we've opted to make the post column heights equal.
Video Row Backgrounds
Example 1 In this example we’re showing a full-width video row background with a Vimeo embedded video. Our little feature is the incredible LA Gifathon from James Curran streaming direct from Vimeo. Create full-width Vimeo & YouTube Row backgrounds with Beaver Builder Video features the awesome LA Gifathon by James Curra on Vimeo
Read MoreTabs
Example 1 The default tab container shows the tab title with the active tab coloured grey. Tab 1 Tab 2 Tab 3 Tab 1 Tab one content Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It’s also called placeholder…
Read MorePosts Slider
Example 1 This example uses the post slider with a thumbnail image set to left aligned. Best for viewing on large and medium devices. Example 2 If you prefer that your featured image occupies the entire background of the post, select ‘background’ from the featured image options. Here we’ve added a left aligned post title and…
Read MoreIcon
Example 1 This example shows a simple icon with right aligned text. Text is controlled through the WordPress editor so you can set it as a heading or paragraph text accordingly Example 2 In this example, we’re using an icon on its own – the icon is coloured white with a blue circular background. Backgrounds…
Read MoreCopy of Heading
The heading module allows you to choose any one of your HTML heading tags, and then override the colour, size and font as you need. Set the heading left, centre or right aligned within the layout row.
Read MoreText Editor
Example 1 In this example, we’re using the text editor to place paragraph text and headlines. Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula felis ut purus porta, nec fringilla tellus varius. Suspendisse potenti. Nunc pharetra nibh neque, in egestas lorem…
Read MoreNumber Counter
Example 1 A simple percentage counter… Go 100% End Example 2 Add prefix and suffix text to your counter. This example is showing a count up to 100 timed over 100 seconds. Count up to 100 Start –100– End Over 100 seconds Example 3 Add a circular indicator and slow down the counter to represent,…
Read MorePosts
Example 1 Here we have set up 3 posts with title, author and date displayed. Example 2 This examples shows posts as a gallery with information displayed on hover. Example 3 This examples uses a masonry grid format to display the posts with an excerpt. Example 4 This example uses the feed format with featured images to…
Read More