Skip to content

Instantly share code, notes, and snippets.

@oooh-boi
Last active November 29, 2022 23:02
Show Gist options
  • Save oooh-boi/7acd2ca65cacfcceaa16d190baf5748c to your computer and use it in GitHub Desktop.
Save oooh-boi/7acd2ca65cacfcceaa16d190baf5748c to your computer and use it in GitHub Desktop.
Show More - Show Less content in Elementor by using the GSAP (css)
body:not(.elementor-editor-active) .ob-unfold .ob-content { overflow: hidden; height: 200px; }
body:not(.elementor-editor-active) .ob-unfold .ob-blanket { cursor: pointer; z-index: 100; }
/* If you plan to use variable initial heights... */
/*
body:not(.elementor-editor-active) .ob-unfold .ob-content.ob-height-300 { height: 300px; }
body:not(.elementor-editor-active) .ob-unfold .ob-content.ob-height-toggle { height: 0px; }
*/
/* don't forget to append these classes to your ob-content in Elementor !!! */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment