Equal Item Description

Description

equal item description in List Simple
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. Make sure you use List Simple

#1.2. Hover on top right of section > Click EDIT SECTION

#1.3. at Format > Anchor Link > Enter word: equal-description

#1.4. Hover on Page where you use List Simple > Click Gear icon

#1.5. Click Advanced > Paste this code

If you use Personal/Basic Plan and it doesn’t support Injection, see #3.1

<!-- 07.26c03v3 Equal Item Description -->
<script>
window.EqualTitleHeightConfig = {
  sectionSelector: 'section[id*="equal-description"]',
  listSelector: ".user-items-list-item-container",
  titleSelector: ".list-item-content__title",
  descriptionSelector: ".list-item-content__description",
  alsoEqualizeDescriptions: false,
  resizeDebounceMs: 150
};
</script>
<script src="https://code.beaverhero.com/list/0726c03v3equalitemdes.js"></script>

#2. Customize

nothing now

#3. Other

#3.1. If you use Personal/Basic Plan and it doesn’t support Injection, you can edit current page (page where you use List Simple) > Add a Markdown Block

Add this code into Markdown

<script>
window.EqualTitleHeightConfig = {
  sectionSelector: 'section[id*="equal-description"]',
  listSelector: ".user-items-list-item-container",
  titleSelector: ".list-item-content__title",
  descriptionSelector: ".list-item-content__description",
  alsoEqualizeDescriptions: false,
  resizeDebounceMs: 150
};
</script>
<script src="https://code.beaverhero.com/list/0726c03v3equalitemdes.js"></script>