I would like to move down the Sale Label in the Thumbnail of the product since it is overlapping with the image of the text in the same thumbnail. Now Line-Height is 3px and I want to change it to 14px, I attach image for reference. How can I do it?
Topic summary
-
Issue: The sale label on product thumbnails overlaps the image/text. The requester wants to move the label down by changing the line-height from 3px to 14px.
-
Technical context: The sale label is a discount badge overlaid on the product thumbnail (small preview image). Line-height controls vertical spacing; increasing it may shift the label’s position relative to surrounding elements.
-
Evidence: An attached image illustrates the overlap, which is central to understanding the visual problem.
-
Latest update: A respondent asked for the store link to inspect and provide targeted help. No CSS snippets or theme details were provided yet.
-
Status and next steps: No solution has been offered or confirmed. The discussion remains open pending the store URL or more implementation details to diagnose and suggest specific adjustments.
Hi, can you share your store link? So we can help you.