[Resolved] More container with the same uniqueId

[Bernhard]

Hello,
to simplify the work, I defined in this post a container with a border color and then copied it several times. In the copied containers I then inserted different border colors, but in the editor and in the browser all containers are displayed with the color of the 1st one (green). In the code editor I then saw that the colors are saved correctly but the containers have the same uniqueId. I saved the post and called it again, but it is still the same uniqueId for all the copied containers.

This is the code of the containers:

<!-- wp:generateblocks/container {"uniqueId":"2494d06f","paddingTop":"10","paddingRight":"10","paddingBottom":"10","paddingLeft":"10","paddingSyncUnits":true,"marginBottom":"10","borderSizeTop":"1","borderSizeRight":"1","borderSizeBottom":"1","borderSizeLeft":"1","borderRadiusTopRight":"5","borderRadiusBottomRight":"5","borderRadiusBottomLeft":"5","borderRadiusTopLeft":"5","borderColor":"#00d084","isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph -->
<p>Green Line (grün), bietet auch Busse mit einer Haltestelle beim Gastronomietempel Eataly beim Bahnhof Ostiense und eine Nachttour zum Eataly. Bei Eataly kann man Lebensmittel aus ganz Italien kaufen und es gibt Restaurants und Stände zum Essen<br><a href="https://www.getyourguide.de/-t30720/?partner_id=E0GMPTL&cmp=Hop&deeplink_id=cfa63493-ecb9-5fe2-9d8f-ab0e8f67f14b">Normale Route</a> - <a href="https://www.getyourguide.de/-t411334/?partner_id=E0GMPTL&cmp=Hop">Route mit Eataly</a> - <a href="https://www.getyourguide.de/-t415964/?partner_id=E0GMPTL&cmp=Hop">Nachttour</a></p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"2494d06f","paddingTop":"10","paddingRight":"10","paddingBottom":"10","paddingLeft":"10","paddingSyncUnits":true,"marginBottom":"10","borderSizeTop":"1","borderSizeRight":"1","borderSizeBottom":"1","borderSizeLeft":"1","borderRadiusTopRight":"5","borderRadiusBottomRight":"5","borderRadiusBottomLeft":"5","borderRadiusTopLeft":"5","borderColor":"#ff0000","isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph -->
<p>City Sightseeing (rot), erlaubt auch die Nutzung von Big Bus und damit häufigere Busse <a href="https://www.getyourguide.de/-t50675/?partner_id=E0GMPTL&cmp=Hop" target="_blank" rel="noreferrer noopener nofollow">Tickets</a></p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"2494d06f","paddingTop":"10","paddingRight":"10","paddingBottom":"10","paddingLeft":"10","paddingSyncUnits":true,"marginBottom":"10","borderSizeTop":"1","borderSizeRight":"1","borderSizeBottom":"1","borderSizeLeft":"1","borderRadiusTopRight":"5","borderRadiusBottomRight":"5","borderRadiusBottomLeft":"5","borderRadiusTopLeft":"5","borderColor":"#890a25","isDynamic":true,"blockVersion":2} -->
<!-- wp:paragraph -->
<p>Big Bus (braun), die Tickets Standard, Premium und Deluxe unterscheiden sich durch die Gültigkeitsdauer 23/48/72 Stunden <a href="https://www.getyourguide.de/-t66064/?partner_id=E0GMPTL&cmp=Hop" rel="nofollow">Tickets</a></p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->

[Ying]

Hi Bernhard,

Make sure you DUPLICATE the container, not COPY the container.

The difference between Duplicate and Copy is that Duplicate creates a new set of ID for the new container, but Copy doesn’t.

GB’s dynamic CSS is generated based on ID, if all the containers are using the same ID, the styles of each container will override each other, this is undesirable. As you can see, all the containers are using the same ID 2494d06f in this case.

Hope that make sense 🙂

[Bernhard]

Hi Ying,
good to know, thank you 🙂

[Ying]

You are welcome 🙂

[Author]

Posts