Skip to content

Instantly share code, notes, and snippets.

@TwisterMc
Created April 13, 2018 19:04
Show Gist options
  • Save TwisterMc/faa8313443ec53ddeae3ce44045933c5 to your computer and use it in GitHub Desktop.
Save TwisterMc/faa8313443ec53ddeae3ce44045933c5 to your computer and use it in GitHub Desktop.
Align Beaver Builder Module: Callout
/* ---------------------------------------------------------------------
Module: Callout
Requirement: You must have equal column heights.
------------------------------------------------------------------------ */
.fl-module-callout {
display: flex;
height: 100%;
}
.fl-module-callout .fl-module-content {
width: 100%; /* fixes IE11 */
}
.fl-callout {
display: flex;
flex-direction: column;
height: 100%;
}
.fl-callout-content,
.fl-callout-text-wrap {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.fl-callout-text {
flex-grow: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment