Rearranging individual icon position in a loop


In the map element, there are icons on

the same line as the paragraphs.
When I add 2 rows of text, the icon position changes to the middle.
All the icons are in a loop and when I try to pick an icon number in the loop and change the position, all the icons are moving also.

How can I rearrange only 1 icon?

You cant without custom CSS. Point of loop is to have styles exactly the same for all looped elements.
Simpler solution for you is not to use loop, instead just use duplicate

1 Like