Hi @Marco211
Do you mean center this badge?
Topic summary
A user seeks help centering the “out of stock” badge on product pages.
Problem Identified:
The badge currently appears misaligned and needs to be centered within the product card.
Solutions Provided:
Two approaches were offered:
- Custom CSS via theme.liquid: Add code snippet above the
</body>tag in the theme.liquid file - Direct CSS modification: Insert CSS rule into base.css file:
.card__content .card__badge { justify-content: center !important; }
Status: Solutions provided but not yet confirmed as implemented or tested by the original poster. The discussion remains open pending verification of the fix.
1 Like