Centered the products price in home page

Topic summary

Main issue: Product prices on the Shopify home page product cards were not centered, while titles were. Store URL and password were shared, and screenshots illustrated the misalignment and the desired result.

Proposed fixes (add CSS in Online Store > Themes > Edit code > Assets > base.css):

  • .product-card-wrapper .card__heading and .product-card-wrapper .price with text-align: center to center both title and price.
  • .collection .product-card-wrapper .price with display: flex; justify-content: center; to center the price via Flexbox.
  • .card–standard > .card__content .card__information and .card-information with text-align: center !important; to force centering in the card layout.

Outcome: The change worked; the requester confirmed success and expressed thanks. No further issues or questions remained.

Notes: Images were included to show the before/after alignment.

Summarized with AI on February 6. AI used: gpt-5.

Hy, guys, can you please help me to fix these issues I centered the product title, but the price stays like that

my shop link: you-boho-vibes.myshopify.com

password: sotroy

Hello @hamza-elkaissi :waving_hand:

You can go to Themes, Edit code, open file base.css and add this code snippet at the bottom

.product-card-wrapper .card__heading,
.product-card-wrapper .price {
    text-align: center;
}

The result

Hope that helps!

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets → base.css

.collection .product-card-wrapper .price {

display: flex;

justify-content: center;

}

Hope you find my answer helpful!

Regards,

PageFly

Hello @hamza-elkaissi

Go to the online store>Theme>Edit code>Assets>base.CSS

.card--standard>.card__content .card__information {
    text-align: center !important;
}
.card-information {
    text-align: center !important;
}

I really appreciate your help, Thanks a lot :folded_hands:

3 Likes

it, does thanks for your help

1 Like

it’s working, thanks for your help