Divi Theme Readme

Follow the instructions below to install and configure your new theme

« Back to Documentation

The Blurbs Module

Module Overview

The blurb module is a simple and elegant combination of text and imagery. Blurbs are a great way to showcase small bits of important information, and are often used in rows to display skills or features. Blurb modules can be placed in any column that you create.

View A Live Demo Of This Module

The Module Options

Title - Give a title to your blurb that will appear above the body text of the blurb in a bold text style. The URL option below the Title Field will allow you to make your Title a hyperlink.

URL - Place a valid web URL in this field to turn your Blurb Title into a link. Leaving this field blank will simply leave your title as a static element.

URL Opens - Here you can choose whether or not your link opens in a new window.

Use Icon - When using Blurbs, you can choose to either use an Icon or and Image with your text. If you select "yes" for the "Use Icon" option, then you will be presented with the following options to customize your icon. If you do not choose to use an Icon, then you will be prompted to upload an image instead.

Icon - If you chose "yes" for the "Use Icon" setting, then this option will appear. This options presents you with a list of available icons that you can use with your blurb text. Simply click on the con that you would like to use and it will appear in your blurb.

Icon Color - If you chose "yes" for the "Use Icon" setting, then this option will appear. This option allows you to customize the color of your Icon. By default, the icons are set to your theme accent color.

Circle Icon - If you chose "yes" for the "Use Icon" setting, then this option will appear. This options allows you to place your icon within a colored circle. If you select "yes" for this setting, then you will be presented with additional options for customizing your circle color and border.

Circle Color - If you chose "yes" for the "Circle Icon" setting, then this option will appear. Here you can pick a color to use for your circle. This color is independent from your Icon color selected earlier. You icon, in it's color, will appear inside this a circle with the color you select here.

Show Circle Border - If you chose "yes" for the "Circle Icon" setting, then this option will appear. This option allows you to turn on a border for your circle. If selected, an additional option will appear to select your border color.

Circle Border Color - If you chose "yes" for the "Show Circle Border" setting, then this option will appear. Here you can adjust the color of the circle border.

Image/Icon Placement - Here you can choose where you would like your image/icon to be placed. It can either appear above the text, or to the left of the text. Placing the image/icon to the left of your text will cause the image to be smaller than if it were placed at the top.

Image/Icon Animation - This controls the direction of the lazy-loading animation.

Image - If you did not choose to use an Icon, then this setting will appear. Place a valid image url here, or choose/upload an image via the WordPress Media Library. Blurb Images will always appeared centered within their columns and will span the full width of your column up to 550px. However, your image will never scale larger than its original upload size. The height of the blurb image is determined by the aspect ratio of your original image, so making all of your blurb images the same height is a good idea if you are placing them side by side.

Image Alt Text - If you did not choose to use an Icon, then this setting will appear. Alternate text provides any necessary information if the image does not load, appear properly, or in any other situation where a user cannot view the image. It also allows the image to be read and recognized by search engines.

Text Color - If your blurb is being placed onto a dark background the Text Color should be set to ‘Dark’. Visa versa, if your blurb is being placed onto a light background, the Text Color should be set to ‘Light’.

Text Orientation - This dropdown menu allows you to specify the orientation of your text to be Left Justified, Centered, or Right Justified.

Content - This field is where you can enter the body content of your blurb. Blurb Text will also span the full width of your column up to 550px.

Admin Label - By default, your blurb module will appear with a label that reads ‘Blurb’ in the builder. The Admin Label allows you to change this label for easy identification.

Join 261,586 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today