Ok thank you so much 
And how can i change font size?
Topic summary
Goal: reposition a product badge to a corner on collection cards and adjust its size, ideally with flexibility for future changes. An image was shared to illustrate the desired corner placement.
Key actions provided (manual CSS edits):
- Move to top-right: in component-card.css, target .card__badge.top.right and set position: relative with small negative offsets (right ≈ -10px, top ≈ -12px).
- Move to top-left: target .card__badge.top.left and set position: relative with offsets (left ≈ -10px, top ≈ -13px).
- Change badge font size: in base.css under the .badge rule (originally font-size: 1.2rem), increase to a preferred value (e.g., 1.3–1.4rem or a px value).
Notes:
- The solution uses theme CSS rather than a theme setting toggle; position changes require editing selectors (right vs. left).
- The attached image is helpful context for placement; the code snippets are central to the fix.
Outcome: The CSS changes worked for the requester, including left-side placement and font size adjustments. Status: resolved; no remaining questions.