Dawn Theme Version 11: How to center product titles and prices in collections

Shopify Discussion
,
1

I’d like to center align the product titles and prices in collections. I previously used this code on base.css but it no longer works on the updated version of Dawn. Could you please help?

[class*='collection'] .card-information__wrapper{
    text-align: center !important;
}

[class*='collection'] [class*='card-information'] .price{
    align-items: center !important;
    justify-content: center !important;
}
2

Hello @lextui ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

.collection .card__information { 
    text-align: center !important;
}
.collection .price {
    text-align: center;
}

Thanks

3

You can do that by adding this CSS code at the bottom of your base.css file

.card__information,
.card-information { text-align: center !important; }