I added the featured collection section to the Dawn theme and added the sale badge. I also set the (Position on cards) to top right. But there remains a space in between. In the photo below you can see what I have now and what I want. I really want the badge to be against the edges of the photo.
Hi @Lucas1200 ,
I hope you are doing well, kindly share your store URL please. Thanks!
Hi @Lucas1200 ,
Kindly share your store URL please. Thanks!
This is the store ID of my live store, the problems I encounter also occur with this featured collection. I am now working on a new store, but am running into the same problem with the featured collection.
-
Go to Online Store â Theme â Edit code.
-
Open your theme.css file
-
Paste the below code
.card__badge.right {
margin-top: -15px;
margin-right: -10px;
}
Kindly Like and Mark Solution if it helped you. Thanks!
Hi @Lucas1200
Do you mean like this?
If it is, check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.card__content .card__badge.right {
justify-self: flex-start;
}
And Save.
Please donât forget to Like and Mark Solution to the post that helped you. Thanks!
- Here is the solution for you @Lucas1200
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press âSaveâ to save it.
.card__badge.right {
margin-top: -12px !important;
margin-right: -10px !important;
}
- Here is the result you will achieve:
- Please press âLikeâ and mark it as âSolutionâ if you find it helpful. Thank you.
if the above provided donât work then try the below one:
.card__badge.right {
margin-top: -15px !important;
margin-right: -10px !important;
}
Kindly Like and Mark Solution if it helped you. Thanks!




