Blurb module is a great way to represent information in an attractive way. Blurbs are generally used in rows to display some important information as it is a combination of text and icons. We can make our website more attractive by using the blurbs.In this article, we will see how blurb module shortcode works.
Here is the blurb module shortcode
[et_pb_blurb admin_label="Blurb" title="blurbModule" url="URL" url_new_window="on" use_icon="off" icon_color="#7EBEC5" use_circle="off" circle_color="#7EBEC5" use_circle_border="off" circle_border_color="#7EBEC5" image="imageurl" alt="altText4image" icon_placement="top" animation="top" background_layout="light" text_orientation="left" use_icon_font_size="off" header_text_color="#5d2a70" body_text_color="#ddb592" body_letter_spacing="5px" background_color="#000000" use_border_color="on" border_color="#a05500" border_width="5px" border_style="ridge"]
sample text for blurb module
admin_label = Admin Label for the module.
title = Title for blurb module.
header_text_color = Title text color or header text color.
url_new_window = “on” to open the link in “new window”, off to open in “same window”.
use_icon = “on” to “use icons”, “off” to not.
icon_color = It specifies the icon color.
use_circle = This generates a circle over the icon.
circle_color = It specifies the circle color.
use_circle_border = “On” to use circle border and off for not.
circle_border_color = Circle border color.
image = Image URL.
alt = ALT text for image.
Blurb modules generally have 3 setting sections:
In the general settings we can see all the basic settings like title name, URL for the blurb, whether to open URL in the same window or not, whether to use icon or not, change icon color, whether to place icon within a colored circle or not, Image animation option, text color, text orientation (left justified, centered, or right justified) and many more basic settings.
Advanced Design Settings
If we want more advancement in the design then we can use advanced design settings. In the advanced design settings we can change image max width, whether to use icon font size or not, header (font, font size, text color, letter spacing and line height), body (font, font size, text color, letter spacing and line height), background color, background image, whether to use border or not, custom margin and custom padding.
We can also add CSS ID and CSS Class in the custom CSS section for more control over the individual parts.
Other things are simple to understand and we can set them accordingly.If we have missed anything then please feel free to comment below or create a new question, we will come back to you ASAP with
If we have missed anything then please feel free to comment below or create a new question, we will come back to you ASAP with solution.
You May Also Like
- Tested on Divi Version 2.7.5
- Click here to know how to find the shortcodes of any module in divi .