How to display product labels in center instead of in the left?
-
Hi Team,
I’d like the product labels/badges (e.g., New, Promo) to be horizontally centered over the product image instead of left-aligned. I saw a previous ticket suggesting margin-left: 40%, but that only shifts the block and doesn’t work correctly when there are two labels—they stack vertically instead of staying on one line. And I need it to work this way in grid and on product page.
Whether there is one or two labels, they should always appear in a single row, centered horizontally. I tried multiple times with different css but it still doesnt work well I cant center them when they are inline.
Hi pattiealeksandra,
Thanks for reaching to us and appreciate your patience.
Provide me with the mockup of the styles that you try to achieve and we’ll send proper instructions if it’s possible.
Kind Regards,
Hung PD
.
