Web Guidelines
Cards (Divi Blurb)
The Divi Blurb module is used to create “Cards”. Colors and typography can be modified in the Divi module settings as long as they meet brand guidelines. The Divi CSS included below is included to define the structure and styling of the Divi Blurb module. Color and typography styling may be modified via the Divi module settings.
Vertical Aligned
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
CSS
The Divi CSS included to reference and is not intended to be modified.
/* Main Element */
.et_pb_blurb_content {
max-width: 550px;
margin: 0 auto;
position: relative;
text-align: center;
display: table;
width: 100%;
}
/* Main image */
.et_pb_main_blurb_image {
display: inline-block;
margin-bottom: 30px;
line-height: 0;
max-width: 100%;
}
/* Blurb Title */
h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
padding-bottom: 10px;
line-height: 1em;
font-weight: 500;
}
Horizontal Aligned
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
CSS
The Divi CSS included to reference and is not intended to be modified.
/* Main Card Content Left Padding */
.et_pb_blurb_container {
padding-left: 15px;
}
/* Blurb title */
h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
padding-bottom: 10px;
line-height: 1em;
font-weight: 500;
}