Sold out/Coming soon notification position

Hi, we need to change the position of the notification “Sold out”. We changed it to “coming soon” for our new product releases but the notification seems to confuse the people - which article is available and which is coming soon. So we want to change its position and move it down - above the price. Website: www.difold.com. Please, see the picture.

@Team_Difold - add this css and check, this will change on mobile too

.grid-product__tag {top: initial;    bottom: 50px;}

1 Like

@Team_Difold

.grid-product__tag {
top: initial;
  bottom: 50px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This
Desktop

Mobile

@suyash1 Where should I add the code?

@Team_Difold - to the very end of your theme.css file , you can find it in -

Online Store-Theme-Edit code-Assets

1 Like

Thank you!

1 Like

@Team_Difold - welcome, do let me know if you need anything later, you can message here or you have my email below.