I want to move the badge at the corner like a shown in the image through red box. But i can still move through theme settings because in future i may change position from top right to somewhere else. And also i want to change size. Store: theavalonz.in [1000039627.jpg]

Hello @Avalonz use this CSS in your “component-card.css” file and save it .card__badge.top.right { position: relative; right: -10px; top: -12px; } Please let me know Thanks

How to move badge at corner and change size

Store Design

Avalonz June 7, 2024, 11:57am 9

It worked thanks

But when i want to do like this for top left i should change the word right and write their left?

Topic		Replies	Views
Change sale badge position Store Design css	1	11	September 21, 2024
How can I customize and center badges in my Dawn Theme? Store Design	5	83	November 19, 2021
Move the sale badge to top left corner and change color Store Design	4	11	September 18, 2022
How can I adjust my CSS to move my badge slightly to the right? Shopify Discussion	1	5	January 31, 2022
How can I move the 'Sale' badge to the upper right corner in Dawn theme? Store Design	4	29	December 1, 2021

How to move badge at corner and change size

Related topics