Hi @M1000M
Foe these case you flow these step
Go to online store → Edit code>componen-card.css file
And use bellow code
.card-information {
text-align: center !important;
}
Result:
Topic summary
Goal: center the product grid “squares” and their captions (titles/prices) on a Shopify store.
- Helpers requested the store URL and location of the captions. The store link (https://highfashion.studio) and password (“YeshLiZainKatan”) were provided, along with screenshots marking the desired changes.
- Initial advice: add CSS via Theme.liquid (using text-align) to adjust alignment. The OP reports this partially worked: the blocks centered, but the caption text (title/price) remained misaligned.
- Follow-up advice: edit the theme’s CSS (component-card.css) and center the card text with .card-information { text-align: center !important; }. A partial screenshot of where to find the file was shared.
- The OP can’t locate component-card.css and asked for a full screenshot/path for clarity.
Status: partially resolved (grid centered); caption alignment still pending due to difficulty finding the correct CSS file. Further guidance with exact file path or a full screenshot is needed.
Notes: Images in the thread are central to understanding the layout, and site access is password-protected.
