Source: https://divisoup.com/r36-how-to-control-the-divi-header-and-slider-height-and-content-position/
- Set the display of the main item to flex, this allows you to position the content where we want it.
- The align-items property is what positions the content
- flex-end: position the content at the bottom
- flex-start: positions at the top
- center: positions in the middle
Examples
Full width header
/* -- START Align Full width header content bottom -- */
.et_pb_fullwidth_header {
display: flex;
align-items: flex-end;
}
/* -- END Align Full width header content -- */Code language: CSS (css)
Full width post title
Give the module a custom class hws-fullwidth-title and add the following class to the theme options custom css.
.hws-fullwidth-title {
display: flex;
flex-direction: column;
}Code language: CSS (css)