Feb 18, 2020 | Divi Resources

Divi Blurb Extended Update: A new Advance Flip Box layout

On 18 Feb 2020, Divi Blurb Extended plugin has been updated to a newer version 2.1.0 that includes major fixes, improvements, and inclusion of a new layout to the Advanced Flip Box module.

Current fix and improvements are as follows:

- FIXED: Image container display in Advanced Flip Box while the image was not uploaded.
- FIXED: Image size issue while setting the position of the image, left or right.
- FIXED: Easebox icon display issue on hover state.
- FIXED: 'Borderbox' and 'Image Card' layout for responsive icon font-size and padding.
- IMPROVEMENT: Improved code structure.

Divi Blurb Extended is a premium plugin to enhance the functionality of the native Divi Blurb. It comes with 2 Divi Blurb modules that carry several blurb layouts.

Modules available with the Divi Blurb Extended plugin

  1. Divi Blurb Extended Module: It has 5 blurb layouts that are as follows,
    • Classic: Add an image or icon, read more button, and multiple icon shapes to the blurb.
    • Flipbox: Create Divi blurbs that flips according the direction of hover come in and goes out.
    • Easebox: Create sliding blurbs with background change and other features of classic layout.
    • Borderbox: Add border and hover effects to the Divi blurbs.
    • Image Card: Allows users to create blurbs that uses both icon and image together.
  2. Advanced Flip Box Module: Before current (2.1.0) release of the Divi Blurb Extended plugin, this module had 2 layouts but now it contains 3 blurb layouts,
    • Layout 1: Allows the user to create blurbs that flips in multiple directions. Top, Bottom, Right, and Left.
    • Layout 2: Using this layout user can create blurbs with interactive animation effects. Fade, Zoom Out, and Zoom In.
    • Layout 3:  Read complete description below 👇

Introducing Layout 3 of Advanced Flip Box module: Features, Functionality and Examples

This new layout of Advanced Flip Box module helps users to create Divi Blurbs that can slide in multiple direction when hovered.

Flipbox slide directions are:

  1. Top
  2. Bottom
  3. Right
  4. And Left

Apart from these feature it also comprises basic features of Divi Blurb Extended module. Such as Read More Button, Use an Icon or Image, Multiple Icon Shapes, and Position of the icon on the Right, Top, as well as Left. Plus, many other customization options that make a blurb look more beautiful than before.

Below are some of the Divi Blurb examples created using this new layout

 

Divi Flip Box Example 10

Divi Blurb Sliding from Top and Bottom

 

Divi Flip Box 9

Divi Blurb Sliding from Left and Right

See the Demo of this module here.

Posted By:
Marshall
Marshall is creative head at Elicus and works with the team to bring ideas to life. He is strongly focused on delivering a quality experience to clients and customers.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Build Divi Shop Amazingly With Divi Cart Pro in 2021 & Beyond

Build Divi Shop Amazingly With Divi Cart Pro in 2021 & Beyond

Building a Divi shop is amazing when you’ve got the right tool. And you don’t have to put extra work to make everything right for your customers as well as you —  the owner. You can use the Divi and WooCommerce to lay out the structure for your Divi store, but...

Fix WordPress Site Stuck in Maintenance Mode (3 Easy Ways)

Fix WordPress Site Stuck in Maintenance Mode (3 Easy Ways)

Is your WordPress site stuck in maintenance mode, and you aren’t able to find any way out? Then, in this tutorial, we’ll look into the issue and help you unstuck your website from maintenance mode. There will be no heavy lifting or anything hardcode related that might...

7 Tips & a Complete Guide to Design Perfect Website Header

7 Tips & a Complete Guide to Design Perfect Website Header

From recognizing a brand to navigate the website with ease, a visitor’s journey starts from the website header. And it continues up to an indefinite time whenever he visits the site -- to either explore, get the services, or read the blog and whatnot. The header of a...

Popular on Divi Extended

Divi Plus Divi Child Theme Divi Header Layouts