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%;
}

Thank you, so annoying this isn't the default behavior.

This is very helpful. Thank you for making this public

Thanks bud; very helpful indeed!

thxxx

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?

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.

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.

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> .