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.
By default Blurbs will place the icon above the text but this can easily be edited in the Module Settings.
To add a Blurb Module to your landing page, click the grey (+) button in the landing page builder. Once the module has been placed with the text of your choosing, you’ll be met with three customizable option sections: Content, Design, and Advanced.
The content options of your Blurb will consist of five categories :
Build your blurb here by adding your title and the content you want visitors to see. You can add and customize the text or media you’ve added to your blurb here as well.
If you would like to make your blurb a link, input your destination URL here. Once you’ve set up your link, decide whether you want it to redirect you in your current browser or open a new tab.
Choose the icon your visitors will see from a large pool of potential shapes to make your blurb really stand out! Remember that not all blurbs need text, you can use these shapes to bring attention to certain parts of your landing pages.
Choose from a variety of background options. These choices can be solid colors, images, and even videos!
This will change the label of the module in the builder for easy identification.
The design options will allow you to change the appearance of your blurb to match the appearance and tone being used on your landing page. You’ll be able to make changes to the following aspects of your blurb:
Choose between the classic quotation blurb or a simple circle design. Once you’ve decided the style of your blurb you can then adjust its color and size.
Customize the font size, color, and more for your Title and Body Text.
Customize the size and spacing of your blurb to help create the perfect balance inside and out of your blurb. Continue changing the appearance of your blurb by customizing the surrounding border, shadows, and animations or filters.
Want to make some changes that may require some additional coding? Look to the advanced tab to make changes to the way your blurb is being seen by your visitors.
Add additional CSS Styling by using IDs or classes. These can also be used to create links to particular sections of your page.
The Advanced tab also allows for you to further design your blurb module by adding custom CSS that you can enter based on the field of depth options available to you (Before, Main Element, and After).
Here you can define the HTML ALT text for your image.
This option allows you to control which devices can view your blurb. You can decide to disable the visibility for phones, tablets, and browser windows by checking the box next to the devices you’d like to exclude.