Skip to content

Instantly share code, notes, and snippets.

@rniswonger
Created October 28, 2020 22:54
Show Gist options
  • Select an option

  • Save rniswonger/cfe72ab7bd1a3a39b5e589405e142559 to your computer and use it in GitHub Desktop.

Select an option

Save rniswonger/cfe72ab7bd1a3a39b5e589405e142559 to your computer and use it in GitHub Desktop.
Avada Theme: Equal height Content Boxes
/*
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%;
}
@rniswonger
Copy link
Copy Markdown
Author

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.

@praetorian75
Copy link
Copy Markdown

praetorian75 commented May 18, 2024 via email

@rniswonger
Copy link
Copy Markdown
Author

rniswonger commented May 19, 2024 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment