Centralise text on product card - Trade Theme

Store Design
, ,

Topic summary

A user seeks to center-align product names and prices on product cards in the Trade theme without affecting text alignment elsewhere on their site.

Proposed Solution:

  • Navigate to Online Store > Edit Code > component-card.css
  • Add CSS code targeting .card__information, .card-information classes
  • Apply text-align: center and width: 100% properties
  • Insert code at the bottom of the file

Status: A solution has been provided but not yet confirmed as implemented or tested by the original poster.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi, how can i centralise the product name and the price text on the product cards (see attached). but without effecting text elsewhere

my theme is trade and URL is golazocasesuk.myshopify.com

Screenshot 2024-07-24 at 18.48.21.png
Screenshot 2024-07-24 at 18.48.21.png450×652 72 KB

2

Hello @golazocases

Go to Online Store > Edit Code > component-card.css file
Add the below code at the bottom of the file

.card__information,.card-information {
width: 100%;
text-align: center;
}

Thanks

1 Like