Divi blurb button. com. In this case, we’re going to apply the shrink hover effect to the complete module. Now add the CSS to Appearance > Divi Theme Options Nov 14, 2022 · Enable the Divi Visual Builder. 4 3. 4 Non-Traditional Option: Use the Full-Width Header Module. Sep 18, 2022 · Blurb Module Positioning. Five new layouts for blurb with better control. To begin, click on the Blurb Module settings. Step 1: Add Row. View A Live Demo Of This Module. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! Jan 23, 2018 · This free Divi layout uses the native Divi blurb and button module to create an equal height layout with overlapping icon, hover effect and bottom aligned button no matter the length of the content. Then select the file to import, select Sep 18, 2019 · Open the settings for blurb #6 and update the following: Transform Rotate Z axis: 150deg; Here is the result so far. We are going to use jQuery to create the main functionality of this expanding read more text toggle. If you’d prefer to skip the tutorial, you can Sep 16, 2022 · In this post, we’ve shown you how to create a custom cursor for your Divi page. flex-row-wrapper {. We are going to add the button shortcode to a blurb module. Ultimate Divi Carousel. Feb 4, 2018 · Material Blurb Module Settings. Scroll down to “Video” and click on it to load the module. 4 Add Three-Column Row (Timeline) 4. We need four section – one for each tab. Place the class “pa-toggle-text” in the CSS Class input field. Add The jQuery Snippet To Your Site. The code is targeting the HTML divs that are holding the Blurb module image on the Feb 18, 2019 · If you are using a text module in Divi than you can add this snippet in the text tab. urbanplanning-appreq-button is the class of the button and #urbanplanning-appreq is the id of the toggle it scrolls to and opens. Click the Design Tab. DiviFlash: Advanced Blurb; Divi Essential: Next Blurb; Divi Torque: Blurb; Button Step 3 – Add your content. The actual code is listed out below. The last step is to simply copy and paste this CSS code snippet below into your site. 2 Upload Dog Walker Landing Page. I can't figure out how to get a solution for when the trigger is a blurb module and not a button. 1 Add New Standard Section. Final Thoughts. Insert a Button module. Aug 17, 2021 · If you wish to show us some support, consider subscribing to our Divi. May 29, 2019 · Divi Blurb Module Bundle 2 (Templates 11-20) is a layout with 10 different blurb designs with multiple styles for each design. Jul 14, 2019 · To lay your hands on the 3-step blurb reveal layout, you will first need to download it using the button below. These five new Divi blurb layouts can be easily customized and applied to the web pages. The above visual representation showcases the button of the flip box on hover that was hidden before. The Call to Action is one of the most important elements of any website. 4 Disable on Tablet & Phone. Open the content tab and add some button HTML to the Body part of the blurb like below. 3 Wrapping it All Together. Animation Flip Box: Fade Classic. ) Add a New Section. 1 Add Row #1. For now it comes with 2 Divi Blurb Modules. In the ever-evolving landscape of web design, carousel plugins and layouts have become indispensable tools for capturing user attention and enhancing visual appeal. Go to the design tab and then under the text options switch over to the link. com/right-align-div Jan 30, 2024 · 11. The most notable features of this module are the content, badge, image & icon, button, Z-index, badge style, content style & custom spacing. The same placement is used on both desktop and mobile versions. . Aug 24, 2017 · Likewise, open the Blurb settings and go to the Advanced tab. 4 Clone Blurb Module & Change CSS Code in Advanced Tab. Nov 13, 2023 · Changing The Divi Blurb Content Width to 100%. Divi Blurb Module Carousel Layout. Oct 7, 2022 · Step 2: Give WhatsApp Link to the Button. You can add a parallax background image as well as full-width video backgrounds. With endless design possibilities, you can achieve unique layouts that highlight your content and capture attention with callouts that are easy to scan. Divi Double Button. And for Brandishing our blurb box we can check “Shake on flip” to Yes but in this case leave it untouched. Apr 30, 2019 · To lay your hands on the example circular elements designed in this tutorial, you will first need to download it using the button below. Divi Blurb Extended has five uniquely designed Divi Blurb layouts. Then update the blurb content by taking out the title and body text. A new module is added to the Divi Builder, so there’s no need to copy and paste code. This button layout requires the blurb module to hide the three buttons partially. In the Sizing toggle, you’ll see that the Content Width is set to 550px by default. Adjust Z-index for each element to assure visibility. 5. Nov 23, 2023 · Divi ConKit Pro: Blog Plus; Blurb. Flip Direction: Top. N. Moving on, add the following CSS code lines to the settings of your page by clicking on the following button: Accessing Advanced Hover Options. Divi’s Blurb Module is a powerful and flexible tool that allows you to creatively display text and an image or icon. The button automatically moves down and the columns remain the same size. Confirm that you have set the desired border color in the global design settings. To setup a button with the TO field already filed out add the following in the Button Link URL. Now, to make the button open up the WhatsApp app when it’s clicked, we need to add a link for it. 1. Add The CSS Code. Divi Blurb Extended Module with further Divi Blurb Once the section, row, and columns are set up, click on the grey “+” icon inside the row. Select Color Two – select the color for the bottom part of the background. The Divi Slider Module can be placed anywhere on your website. Then all we need to do is give the blurb a high Z Index to make sure it sits above the buttons. Jun 13, 2019 · Make sure to enable looping so that your gif will repeat. That’s because we need to target the button wrapper, and this is the only way to do that. Next, copy and paste the following snippet to your website. Watch the video below to see how this happens. Click on 'Choose Image' to select the icon you want from the media library (or upload a new one), then click 'Use Image'. 1 Add New Page. 5s ease; -o-transition: all 0. Sep 12, 2020 · 1st Way: Building a Show More Toggle using a Divi Toggle Module. DiviFlash advanced blurb module for divi has many powerful features for styling blurb in divi like: Create a button for the Divi blurb module. 1 Section Background Color. Oct 23, 2023 · 2. Material Blurb for Divi adds a new module to the Divi Builder called Material Blurb. View the demo and download this free layout plus 24 other awesome free Divi resources by subscribing below. Divi Blurb Extended is the second plugin after Divi Blog Extras from Elicus Technologies built for Divi and integrates within Divi Library after simple installation and activation process. 3 Clone The Text, Social Media Follow & Contact Form Module. Keep 3D Depth Effect as “Yes” for 3D visual representation of the Divi flip box. The designs include multiple shapes and icon placements, multiple types of hover animations, multiple colors, multiple button styles, and more. 3 #3 Adding Lift Effect on CTA Button. peeayecreative. Nov 27, 2023 · To begin, click on the Blurb Module settings. Include a button with the standard button styling. While you are in the row settings, go to the “ Design ” tab, and enable “ Equalize Column Height ”. Choose the image size, hover style, and opacity. The blurb module is a simple and elegant combination of text and imagery. After the row padding is in place, add a blurb module to the column. Next, navigate to Design, then Icon, and select Alignment. This is a multiple content creation tool and a versatile design tool that allows users to create unique web content adding style and professionalism to the design. Oct 24, 2017 · 2 How to Create a Timeline with Divi’s Blurb Module. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! Mar 18, 2020 · This blog post contains 20 Divi blurb layouts examples that you can add to your Divi based site using the Divi Blurb Extended plugin. As we step into 2024, the Divi ecosystem continues to flourish with an array of innovative plugins and Feb 18, 2019 · It is very easy to make a phone number clickable on your Divi website? In this tutorial I'll explain how you can do this and how you can style it. Dec 20, 2017 · 4. - Get 60% OFF Lifetime Pro Membership for a limited-time only Go to the Divi Booster settings page. Next Blurb. 2 Add One-Column Row. This class is used in the CSS snippet below to target this particular column. 4 Update Settings for First Row. Using the Blurb Module to Make a Fixed Click-To-Call Button for Mobile. 4 Clone Row Twice. Click the green check button to save your edits. Replace yourwebsite. We’ve also shown you how to use this custom cursor to trigger a hover effect when someone hovers a call to action on your page. View Demos. Locate within your page builder layout where you want the blurbs to go. Here I'll quickly demonstrate how to vertical align your blurb images and icons in Divi. 6 Recreate Example #1. Mar 20, 2017 · Table Of Contents. Nov 12, 2019 · Step 4: More on Advanced Flip Box settings. This brings up the Divi Module Library which contains all the modules included with the Divi theme. com with your own mail address. Functionality to add a read more button in Divi blurb. 3 Add Row #2. 3 Add Text Using Another Text Module. In the next sections, I will give you some examples of the most Importing Elements with Global Presets. Part 2: Creating a Blurb that Switches the Background Image with the Animated Gif Image on Hover Oct 15, 2017 · 1 Here is a Sneak Peek of What We Will Be Building in Today’s Post. 2 Sizing. Open up the row settings, go to the “Advanced tab”, and add this custom CSS Class: gq_r_fixed_buttons. 1 Add Blurb Module to Column 1. If you wish to show us some support, consider subscribing to our Divi. Once you’ve added the Button module, the module settings automatically pop up. The Design tab includes settings for In this tutorial I will show you how to add a beautiful hover reveal effect to the Divi Blurb module with a snippet of CSS. Tick the checkbox next to the 'Add custom icons for use in modules' option to enable the feature. Add the class “pa-inline-buttons” and save. Customizing Divi’s Secondary Menu Bar with a Call to Action. Image Intense Plugin. This will be the first of 5 total blurbs we will add to make up our circular icon menu. Mar 21, 2019 · 1 Gettings Started. Go to the CSS IDs & Classes toggle. Mar 22, 2020 · To create a Vertically Center Text in Divi follow these simple 5 steps: Add the snippet of CSS Code below to your Custom CSS area or child theme stylesheet. 6 Create and Style The Blurb Modules. Divi Blurb Extended module with 5 blurb layouts: Classic, Flipbox, Easebox, Border box, and Image card. Jun 27, 2018 · If we want to gain back a row that spans 80% wide, we need to add 10% of padding on each side (10% + 10% = 20% and 100% – 20% = 80%). Let’s dive in! Step 1. In the left column, add a blurb module. When making specific adjustments in the child settings (DP Button module), ensure the border color is set to “auto” to prevent potential conflicts. This option helps Flip Box swing back and forth after the flip. In this illustration, you can see, the title and content of the flip box are still. The important part is to set proper CSS classes and IDs. With this module, you can customize text, spacing, size, borders, images, icons, and more. Now insert a Button Module into the row. It also includes lots of background color options for the heading, description, image, icon, and button. Aug 7, 2019 · Step 1: Adding the Divi shortcode button. So you can add this custom class to any column that you want to have text and a button . 3. Under the blurb module, add a toggle module. To set the blurbs of equal height you can add min height (which is the value in height – of the blurb with max height) to the module. 2 Upload Sightseeing Landing Page. 2 Add a Header Using the Text Module. Sep 19, 2017 · 6 Create Tablet & Phone Contact Form on Click. Child Settings. We are going to turn the toggle module into a show more toggle so that it will show/hide more text under the blurb module when clicking the toggle. In the portability popup, select the import tab. Oct 12, 2021 · Open the Divi Text module settings and go to the Advanced tab. Select Layout: layout 1. Create a multi-column row within your section. Insert Row >> Scroll Divi module library >> Insert Divi Blurb Extended module. We’ve listed below an extensive list of places you could get tons of design examples and spark new ideas for absolutely anything. These settings are organized into three groups via the tabs at the top of the module: Content, Design, and Advanced. If you'd prefer your left-positioned images and icons to switch to a top-positioned layout on mobiles, you can do so with the following jQuery code: Add A CSS Class To The Column. com with your own email address. We have included a screenshot to guide you on exactly where to find this option. All Divi Button Module Options Explained. 1 Create the First Row. I’m using an Image, Text and a Button Module in each section/tab. As shown in the image below: Just type 100% in the input field, and you’ll see the Blurb automatically extending Feb 18, 2019 · Create a mailto link in the text module. Now you have a still image and a gif image ready to be added to your design in Divi. May 3, 2020 · The standard Divi blurb module only displays one or the other. -webkit-transition: all 0. Apr 26, 2016. 1 #1 Animating Blurb Icons on Hover. A true mobile site increases the interaction with those visiting your site. Then click the Create button. Apr 26, 2016 · Divi Tutorial – Blurb Cards. 3 Custom Margin & Padding. display: flex; } Once you’ve added the CSS, refresh the page if necessary and see the result. And now you can set a background color for the hover state of this button. 7 Add jQuery Code to Theme Options. Click on the insert link icon and place the following as your link: mailto:info@yourwebsite. We’ll be using this module to get the code we’ll use to create a button. 6. Directional Flip Box: Top, Bottom, Right, and Left. Divi Next Blurb opens up a lot of design possibilities by allowing you to display both at the same time. If you are using Divi and a text module than it is very easy to change the styles. Blurb is a simple and elegant combination of text and imagery. 5 Bonus Option: Use a Third-Party Plugin. Here is a screenshot to help you find where to add it in the Button Module Settings. 3 Using Flex Box to Add Divi Buttons Side by Side. Once you have created your section, click in the center of the box where it says “+ Insert Column (s). Click the green button to save your settings and save the page. Jul 30, 2017 · Free Divi blurb hover effects from Divi Theme Examples you can just copy and paste into your next Divi website. 5 Add You First Blurb Module. Divi Module by Elegant Themes. Add your button text and expand the Link tab. Dec 26, 2023 · Blurb Design 3. Apr 27, 2017 · Do you want to create a download button in Divi that lets your visitors save a file with a single click? In this tutorial, you will learn how to use the download attribute to customize the file name and type of any downloadable resource. However, designing an enticing blurb Oct 20, 2016 · With Divi, using a blurb module is one of the easiest ways to create a great looking mobile site. Don’t worry about size or how many columns or anything, because we will be deleting it shortly. Mar 19, 2019 · If you wish to show us some support, consider subscribing to our Divi. 5s ease; transition: all 0. Most in this bundle have square designs. 2 #2 Adding Pulse Animation to The CTA Button. 1 Column Backgrounds. mailto:help@learnhowwp. WhatsApp Universal link format is as follow: Where the. A few have pointed shapes. To gain access to the download you will need to subscribe to our newsletter by using the form below. STEP 1. Therefore we will give the blurb a 100% width and then use the right margin to expose the necessary piece of the button tabs. 4 Add a Button. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! Sep 26, 2019 · For this one, I’ve removed the box shadow and added more content to the middle blurb. Make sure to add a hash ( #) in front of the ID, for example #blog or #contact-us. Consuming design inspiration is a great way to get fresh ideas and is a crucial part of the design process. Sep 22, 2022 · To lay your hands on the free hovered blurb module layout, you will first need to download it using the button below. It is built to eliminate all the limitations and create substantial design possibilities. Make Sure All Section Menu Content is Created Using Vw & Fits into 100 Viewport Height Across All Screen Sizes. ) Add 1/3-1/3-1/3 Column. This simple addition serves as a clear indicator to users that the blurb is clickable. 2 Add and Style the Text Module. Nov 27, 2023 · Step 1: Tweaking the Blurb Module Settings. To create the menu button, we are going to shrink the size of an entire section and then use a blurb icon for the button design. One thing people need is the blurbs to be side by side and not stacked on a mobile screen. Create a new page/edit an existing page where you want to add or display blurbs created using Divi Blurb Extended Module. You need to edit your page from the backend with the classic editor. By default the blurb icons show towards the top of the text, which t Oct 3, 2019 · Staff Member. Aug 27, 2019 · 5 Create New Page Using Dog Walker Homepage Layout. It uses Divi’s blurb module to handle the card and icon and the button module to turn the entire card into a link. Then add an icon to the blurb as follows. In the Button Module Settings, update the following settings: Under Custom CSS, add a CSS Class called “et-download-button”. 1 Add New Blank Page & Enable Divi Builder. Paste your CSS. First, add a two-column row to your section. Set it to Left. Whichever section you want the blurbs to come after click the button “+ Standard Section. 4. 5 Apply Gradient Background to Row. Find the row and column where you want to place the buttons. 12. 3 Add Standard Section. For the image you can select to use an icon or use hover image, which displays a new image when you hover. Go to your text menu editor and highlight the text that you want to make a clickable mailto link. 5s ease; May 14, 2019 · See the Tutorial. So, type down ‘hvr-shrink’ in the CSS Class field. 4 Clone Tooltip Text Module Twice & Place in Remaining Columns. Then click the Import & Export button. The first thing you’re going to do is add a row. To do this, navigate to Divi > Divi Library. So you have to set the min-height of every other blurb to 400px. Open the 'Site-wide Settings' toggle. 2 Section Padding. Also in the row settings, go to the Advanced tab, and add a Custom CSS Class custom_fixed_toggles. The CTA’s design can make or break your conversion rate. Just use # for the URL. Then you’re done! Sep 12, 2017 · Works with Divi Theme, Divi Builder Plugin and Extra Theme. Here the above image displays the right side flip of the flip box and then appearing of the backside content. 1 Add New Section. 2 Add Tooltip Text Module to Column 1. Open the 'Icons' sub-toggle. To do that, go back to the Content tab of the Blurb Settings then open up the Link block and fill the Module Link URL with WhatsApp universal link. Jul 21, 2021 · in which . Classic, Flipbox, Easebox, Border box, and Image card. Add The CSS Code Snippet. More specifically, we’ve recreated four different examples that show you how to make Blurb Modules more interactive while maintaining the desired outcome on smaller screen sizes as well. Dec 17, 2018 · Here is a quick tutorial to right align the Divi blurb image/icon and reverse the module. 3 Update Section Padding. 3 Column 1. Styling phone links. Advanced Flip Box module with 3 blurb layouts: Layout 1, Layout 2, and Layout 3. Set text or icon badge on a blurb. Select Equalize Column Heights. ”. You can pick and choose which Section to use and either create your own preset from it or copy/paste the section into your own pages and then customize it within your own system Sep 30, 2020 · Divi Blurb Module - The BasicsGet Divi - 20% Off! https://www. Read More: Replace the Divi Blurb Icon With a Font Awesome Icon. 4 #4 Rotating the Button Icon on Hover. Help providing Free help for Divi community. Once the gif has been created, save it to your computer. 1 Add and Customize Your Section. Jan 24, 2019 · To line them up in Divi, first you'll need to make sure the columns are equal heights, and add a class to the row: In the row settings, go to the Design tab, and enable Equalize Column Height. 5s ease; -ms-transition: all 0. Whether you want to offer PDFs, images, videos, or other files, this is a simple and effective way to enhance your Divi site. Linear/Radial Direction – adjust the direction of the colors within the background. Let’s start by clicking on the Divi Blurb module settings and then head over to the Design tab. 2. This is a plugin that mixes 3 modules and adds 22 overlays and hover effects to images, text, and buttons. In the column settings, go to the Advanced tab to the CSS Class. 2 Add Text Module to Column. This is an idea I had for the services section of the front page of yatesdesign. With just one single line of CSS, you’ve achieved equal row heights and a uniform-looking layout! Jul 2, 2019 · 2. Blurb Settings> Design > Icon > Alignment. May 1, 2018 · Adding the row and custom class. Help Pro Membership to enjoy the below perks: Mar 4, 2024 · In case you are new to Divi Builder, you can create a new page ( Pages -> Add New) and click the Use Divi Builder button to open the Divi Builder editor. 1 Add New Row to Bottom of Section. Now, each with amazing features, new design, and button addition options. Now we can adjust the padding on tablet and smartphone to 0% so that the blurbs/content will span the full width of the page. Together, we’ll make your Divi Blurb modules more engaging and user-friendly. Help Pro Membership to enjoy the below perks: - Instantly access to all our premium Divi extensions, layout packs, one-page layouts, Divi AI Generator, Divi Block - Pro version & 5-star support (Over $1650+ in value). These Blurb Sections include a combination of built-in Blurb, Text and Button Modules, providing a range of options you can experiment with within your own page design. 2 Using Divi’s Fold Animation to Make Blurbs Bloom. Say hello to the Divi Advanced Blurb Module – the ultimate solution for creating eye-catching and engaging content blocks effortlessly. You can replace help@learnhowwp. Sliders can be large, small, fixed-width, or full-width. Creating the Menu Button. Directly setting a border color in the child settings may override the global design settings. 2 Creating Blurb Layout Design #1. In the blurb module text field, you will find the option Add ET Button. To add custom CSS on hover to the button module: Click on the Advanced tab. Try to go to the Button module settings > Advanced > Custom CSS > Main Element & add pointer-events: none!important; We are third party developers from Divi. Sep 19, 2022 · Divi Advanced Blurb module is the extended version of the regular Divi module. Jan 15, 2020 · Here is an example of a CTA button on a Divi blurb. You cannot do this from the visual builder the option isn’t there anymore. - Get 60% OFF Lifetime Pro Membership for a limited-time Design Inspiration. The Content tab includes image, text, link, background settings, and admin label. au that I didn’t end up using. Another panel — the settings panel — will appear right after How to add, configure and customize the Divi slider module. To do this, first add a new regular section under the current section. Mar 7, 2024 · Go to the Blurb module settings>Advanced tab>CSS ID & Classes toggle and add the class “pa-vertical-align-blurb” to the CSS Class input field . We’ll refer to this one as blurb #1. The best part of this layout is that you can put literally anything you like in each tab – as long as it fits inside a single section. Feb 4, 2023 · Click on the little arrow to open up the hover options. This is where all of the content and design styles for this module are configured. Tweaking the Blurb Module Settings. Blurbs are a great way to showcase small bits of important information, and are often used in rows to display skills or features. Search for the Blurb module on the appearing panel. Aug 16, 2018 · The blurb module is one of the most popular of all 46 Divi modules and this little bit of customization will allow you to increase your click-through rates to the content you are highlighting by adding an animated button when the user hovers over your module. Move and place the item anywhere with item ordering options. A plugin that consists of only one module that will serve many purposes. 3 Building Section 6. To add a Blurb module, simply click the grey plus icon on the canvas area. wpventure. 2 Add New Row. Hover over the box you want to put CSS in and click the hover icon and into the hover tab. This works the same for any other element like font sizes, text colors, shadow effects, background image, etc. This option highlights what you want visitors to focus on. View Module Demo Get Divi Today. When you import an element with global presets to the Divi library, you will have the option to include or exclude the global presets. Open the Row settings. Add New Regular Section to Bottom of Page. Whether you’re a business owner, blogger, or creative professional, this powerful module is designed to enhance your website’s visual appeal and captivate your audience. Use icon and image in one design. This will ensure your content will span 80% of the page. Jan 30, 2024 · 11. Conclusion. Go to Blurb Link settings >> to input Blurb Link if you want to open a blurb related page >> check “ Url Opens in s New Window ” as “ Yes Sep 4, 2019 · Please check your email address to confirm your subscription and get access to free weekly Divi layout packs! 5 General Steps. This is what I've written but it is not working: Nov 28, 2023 · Join us in this tutorial as we will guide you through the process of incorporating an icon button into the Divi Blurb module. 1 6 Microinteractions That Will Make Your Divi Site More Enjoyable (& How to Achieve Them) 2 Implementing the Design In Divi. Now go to the Row Settings>Column Settings>Advanced tab>CSS ID & Classes toggle and add “pa-text-button-over-image” to the CSS Class input field. For example In the row of blurbs the blurb with the max height is 400px. 5s ease; -moz-transition: all 0. As we step into 2024, the Divi ecosystem continues to flourish with an array of innovative plugins and Feb 23, 2018 · Advanced Divi blurb plugin. 2 Using CSS to Place Divi Buttons Side by Side. Jan 8, 2018 · The Custom CSS box in the Divi Theme Options page, or preferably, To your child theme stylesheet. Aug 20, 2019 · Blurb #1. 6 Create Hover Tooltips Design. Apr 27, 2017 · To add the direct download functionality to a Button Module, you must first create a button that links to your file like you would normally. Note: This module library is also searchable. Now you can click on the hover tab. Insert a Button Module from within the Divi Builder. Apr 3, 2019 · In this tutorial, we’ve shown you how to creatively use Divi’s transform and hover options together. 3 Add Code Module Below Text Module. Add the CSS ID for your anchor element the Button Link URL field. 7 Add Transform Effects to Scale and Position the Blurbs. Blog Post + Snippet: https://www. The main feature of this layout is the similarity with the default Divi Blurb with added features which includes – Read More button within the blurb, Icon position on Right along with top and left, 2 new icon shapes including Square and Hexagon, Change color of icon, text and heading on hover. Add a blurb to your page and proceed to open the Advanced tab within the settings and add a CSS name to the CSS class section. Click the CSS settings group. 1 Use Columns to Add Divi Buttons Side by Side. com/diviIn this video I cover the basics of the Divi blurb module and show two quick The Divi Theme's blurb module offers a choice of two placements for the blurb icon / image: on top of the text, or to its left. May 8, 2020 · 10 Divi flip box examples using Divi Blurb Extended. 3 2. Click Save. 5 Add the Second Row. STEP 2. Start Position – adjust the start position using the slider. Select Gradient Type – select a type of gradient for your design either Linear or Radial. jncuhlhpidhslgmcvvgn