Divi Ribbon Module for Visual Builder - First Original VB Module

Divi Ribbon Module for Visual Builder

(2 customer reviews)

$29.00

Use the full power of Divi visual builder to create stunning Blurbs with attention grabbing Ribbon designs! Ribbon blurbs can be used to serve various purposes on a website, for example, you can use them to mark a product as NEW or ON SALE in an WooCommerce shop, attract attention to a discount or simply emphasize a call to action button and more. Use this one of a kind module to highlight important sections in your design and improve site conversions.

Live Demo Test Drive This Plugin

 

Available to purchase in: CLICK HERE

 


Don’t have Divi? get it first from CLICK HERE

Description

Web designers use Ribbons to add emphasis to an element and as a way to drive users to important website areas. Ribbons can break the flat website surface and give some interesting depth to the content. It’s a new design technique that many conversion oriented websites employ nowadays. Probably because they are conspicuous and so demand rapt attention.

Ribbon blurbs can be used to serve various purposes on a website, for example, you can use them to mark a product as NEW or ON SALE in an WooCommerce shop, attract attention to a discount or simply emphasize a call to action button and more.

Our Ribbon Module is the first of its kind in the market. Now you can use the full power of Divi visual builder to create stunning Blurbs with attention grabbing Ribbon designs!

* Featured in Elegant Themes Plugin Highlight Series… Check the post >

Features:
– 7 Ribbon Types (Corner, Side, Full Width, Round, Forked, Pointed, Quarter Circle)
– Load of design customization options for the Ribbon and the Blurb
– Add 3D Rotation to Ribbon Blurbs
– Support for full size image/gradient backgrounds
– Add a Button and make the Blurb a Call to Action (CTA) element
– Fully mobile responsive

Live Demo

Test Drive This Plugin

 

Walkthrough:

 


The latest version of this plugin is exclusively sold on Elegant Themes Marketplace

Changelog

Version: 1.0 Initial release

Version: 1.0.5 Bug Fixes from the initial version

Solutions

Use this CSS if you want to create a vertical ribbon but without the fork at bottom:

.diri-ribbon-target.forked-ribbon:after {
border: none !important;
}

 
 
……Old Solutions that may no longer necessary……
 
If you are on a Apple device you may see the ribbon text placed vertical bottom instead of default vertical center. This can be fixed by adding below browser specific CSS to Divi theme options custom CSS panel:
Fix for Apple Ribbon Text Alignment Bug
 

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
.diri-ribbon-target div {
position: relative;
top: 15% !important;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}

2 reviews for Divi Ribbon Module for Visual Builder

  1. James Whaley (verified owner)

    We downloaded and tested the Ribbon Module for Divi Visual Builder. It was able to provide all the features for adding Ribbons to our site that we were looking for plus more features like providing an actual button option for the blurb module.

    This module will help us continue to fine-tune our site for the best user experience. https://www.ovationmr.com

  2. Asit Aithal (verified owner)

    Awesome product and a great support. A must-have plug-in in Divi repertoire.

Only logged in customers who have purchased this product may leave a review.