Avada Theme: Equal height Content Boxes

custom.css

/*
  Add this code to the Avada Custom CSS.
  Add the class "equal-height" to your Content Boxes Options container, not a single Content Box. 
  The editor preview will not show the change but reload the live page to see the results.  
*/

.fusion-content-boxes.equal-height {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.fusion-content-boxes.equal-height .col {
  height: 100%;
}

Great! I'll put a note in the repo about that. On Sat, May 18, 2024, 10:44 AM praetorian75 ***@***.***> wrote:

…

***@***.**** commented on this gist. ------------------------------ No worries. There's a new container option that includes a "stretch" alignment that fixed the issue. Thanks anyway! ----- All the best, Jason Aydelotte > No water, no life. No blue, no green. —Sylvia Earle, oceanographer On May 18, 2024 at 11:41 AM -0500, Ryan Niswonger ***@***.***>, wrote: > @rniswonger commented on this gist. > > Either this isn't working any longer or--and this is far more likely--I'm implementing it incorrectly. > > I've added "equal-height" (no quotes) to my Content Boxes "CSS Class" box, after copying the code above into my Custom CSS in Avada's Options section. > > But my content boxes are still varying heights. What am I missing? > Ah, sorry to hear and am surprised Avada hasn't addressed this yet. I no longer have an install I can check this on. If you post a URL I can take a look. > — > Reply to this email directly, view it on GitHub or unsubscribe. > You are receiving this email because you commented on the thread. > Triage notifications on the go with GitHub Mobile for iOS or Android. > — Reply to this email directly, view it on GitHub <https://gist.github.com/rniswonger/cfe72ab7bd1a3a39b5e589405e142559#gistcomment-5061678> or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAC4BTXCFFLUJVB3JBHLHWLZC6HQFBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTANRRGY2TINZQU52HE2LHM5SXFJTDOJSWC5DF> . You are receiving this email because you were mentioned. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .