Created
October 28, 2020 22:54
-
-
Save rniswonger/cfe72ab7bd1a3a39b5e589405e142559 to your computer and use it in GitHub Desktop.
Avada Theme: Equal height Content Boxes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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%; | |
} |
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>
.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.