Adjust the position of my badge

Shopify Discussion
,
1

Screenshot 2024-10-11 at 08.57.57.png
Screenshot 2024-10-11 at 08.57.57.png626×874 145 KB

I need the badge to be a little bit uppered in my card product and on the product page. Thank you

2

Hey @robertsolcan

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hello @robertsolcan

Go to online store ---------> themes --------------> actions ------> edit code------->assets----->component-card.css
add this code at the end of the file and save.

.product.card__badge.top.left {
position: absolute;
top: 7px;
left: 7px;
}

If this was helpful, hit the like button and accept the solution.
Thanks

4

hi @robertsolcan ,

This may be off topic but you can use below code to add any number of Badges on collection and product page, request you to refer the below video for implementation details.

Hope this will helps…