Nth element is not working as it should

Nth element is not working as it should

New Member
4 0 0



Hi in the above image i want to add steps1, 2, 3 ,4 ,5 ,6 using nth element but it is not working. Can somebody help me with this. The page i need help is https://new.wastewear.com/pages/circularity

Reply 1 (1)

Shopify Partner
3633 315 1344

It's a very weird way to do it...


You need to put your nth-child selector on a different element because the element you're using it on is always the first (and only) child of it's parent.

Should be like this:

 .swiper-slide:nth-child(2) .icon-with-text-style-2:before {
  content: "Step 2";
If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com