# Repeatable list element in card element

**URL:** <https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828>\
**Category:** Pinegrow WordPress Plugin\
**Created:** [April 1, 2024, 11:49am UTC](https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828 "2024-04-01T11:49:29Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)\
**Post date:** [April 1, 2024, 11:49am UTC](https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828/1 "2024-04-01T11:49:29Z")

</div>

Dear Community, I now work with Pinegrow almost every day and am enjoying the tool more and more. After a few calls, everything has worked so far. But now I am facing a problem. I have built a card (also with inner content). But now I would like each card to have a list element in addition to the rich text, which is not displayed in the frontend without content and becomes visible when text is entered. This should then also be repeated (1 to max. 10 items (left). I’ve been trying for ages, but it won’t work. Can anyone here give me a tip?

 ![Bildschirmfoto 2024-04-01 um 13.39.26](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d610628969fe141de09554ead2d558beca8622a3.jpeg)

---

<div class="post-metadata">

**Author:** ![JuniorZabunga](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/juniorzabunga/32/6579_2.png) [@JuniorZabunga](https://forum.pinegrow.com/u/JuniorZabunga)\
**Post date:** [April 1, 2024, 2:04pm UTC](https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828/2 "2024-04-01T14:04:33Z")

</div>

Dear @sylviomr, you can watch this tutorial.

[![](https://img.youtube.com/vi/2NymAxj71Fs/maxresdefault.jpg "6. The Quotes Block - Simple full site editing with WordPress Blocks") ](https://www.youtube.com/watch?v=2NymAxj71Fs)

---

<div class="post-metadata">

**Author:** ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)\
**Post date:** [April 1, 2024, 4:15pm UTC](https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828/3 "2024-04-01T16:15:56Z")

</div>

Thanks for the tip, but that’s not exactly what I’m looking for. I have created the cards and can also duplicate them. I would like to use list elements in addition to the text in the respective cards.  
However, the number of list elements is unlimited and if they are not needed, they are no longer visible in the frontend

 ![Bildschirmfoto 2024-04-01 um 18.14.25](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/df82bcfb22c798d08e159bf7ff0d44f92f1e5d84.jpeg)

---

<div class="post-metadata">

**Author:** ![Guido](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/guido/32/4958_2.png) [@Guido](https://forum.pinegrow.com/u/Guido)\
**Post date:** [April 1, 2024, 4:42pm UTC](https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828/4 "2024-04-01T16:42:03Z")

</div>

What you could do is make the div gms-card\_\_repeater-body a inner content so you can use Gutenberg to add the h3, p and list if needed. Or replace the ul by a div that is an inner content so you can add something underneath the p in Gutenberg if needed.

---

<div class="post-metadata">

**Author:** ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)\
**Post date:** [April 2, 2024, 4:26pm UTC](https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828/5 "2024-04-02T16:26:37Z")

</div>

Perfect, that works. I was thinking much harder again. I have one more question. Is it possible to give the block elements animations? I did this with an element after this video ([https://www.youtube.com/watch?v=yhOjz546EPc&t=246s](https://www.youtube.com/watch?v=yhOjz546EPc&t=246s)) It works on the preview page, but when I insert it as a block into another page, the animation no longer works ☹

---

<div class="post-metadata">

**Author:** ![Guido](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/guido/32/4958_2.png) [@Guido](https://forum.pinegrow.com/u/Guido)\
**Post date:** [April 11, 2024, 2:17pm UTC](https://forum.pinegrow.com/t/repeatable-list-element-in-card-element/8828/6 "2024-04-11T14:17:07Z")

</div>

Hi sylviomr,

Did you figure it out? Do you have the pgia.js script loaded on that page?

Guido
