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.

Content Slider

By Michael Davis | September 25, 2016

Example 1 This is the default image slider  set to show only images as slide backgrounds. If your images have different height dimensions, the slider will automatically crop them to the slider height size. Example 2 This example shows the content slider headline and text followed by a call to action button and a right…

Read More

Text Editor

By Michael Davis | September 23, 2016

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 More

Posts Carousel

By Michael Davis | September 25, 2016

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…

Read More

Call to Action

By Michael Davis | September 24, 2016

  Example 1 In this example, we’re showing the default ‘in-line’ call to action with a standard headline, description and right aligned button. Ready to find out more? Drop us a line today for a free quote! Click Here Example 2 Here we have opted for a background colour for a stacked version of the CTA…

Read More

Posts

By Michael Davis | September 25, 2016

  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

Map

By Michael Davis | September 25, 2016

  Example 1 This is the default map displayed with 400px height. Example 2 This map is shown with a 200px height.

Read More

Heading

By Michael Davis | September 29, 2016

Example 1 A standard H1 heading module, left aligned. This is an H1 heading Example 2 Using the previous example – in this case, we’ve changed the font to Lato Light and set a custom letter spacing. This is an H1 heading Example 3 In this example we’ve set the headline to 28px, right aligned…

Read More

Social Buttons

By Michael Davis | September 25, 2016

Example 1 This example shows the default display of all of the social buttons – Facebook, Twitter and Google+. Other than limiting which buttons are displayed there are no other settings to adjust.  

Read More

Gallery

By Michael Davis | September 25, 2016

Example 1 In ‘Thumbs’ mode, the gallery module will display the thumbnail version of your images. In this example, our thumbnails are set to 150 x 150px in the media library image settings. If you change this to say, 200 x 200px, BB will display that size of image in the gallery module. Example 2 In this…

Read More

Button

By Michael Davis | September 29, 2016

Example 1 A standard solid button with a 4x rounded corner. This button has a transition animation that initiates when the user hovers over the button. The button width is set to auto. CLICK ME Example 2 This is the same button but we’ve set the width to 200px. CLICK ME Example 3 A full width…

Read More
[beaver_tunnels] [/beaver_tunnels]

Leave a Comment