CSS Selector – Current Item

To use the {{CURRENT_ITEM}} selector you will need to first assign the item a repeater class {{item.item_repeater_class}}.

				
					<div class="{{item.item_repeater_class}}"></div>
item repeater class

Now when using item attributes you can use {{current_item}} as a selector to select the item and manipulate it in CSS. 

Let’s see some examples. 

color picker current item
slider current item

Now each item has its own class and can be selected using the CSS Selector {{CURRENT_ITEM}} allowing each item to have a different background color and dimensions as an example.

items widget example