Center product title and price in collection

Store Design
1

I am trying to center the product title and price in collections. I have seen other peoples solutions but itʻs not of help to me because I canʻt find/ don’t have the same liquid files. I am using the theme ʻcraftʻ

can someone please help me

1 Like
2

Hi @ITL1

Please go to your Online Store > Themes > Edit code > Assets > Open component-card.css > Paste the following code to the bottom of the file.

.card__heading, .card-information {
  text-align: center;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

6 Likes
3 
.card-information,.card__heading{
text-align:center!important;
}

@ITL1
Add this code in the bottom of the component-card.css file.

4

If you are still facing issue share your store url

5

It worked, thank you so much!

2 Likes
6

Hello.

Just wanted to say I’ve gone through multiple things classed as solutions and none of them worked. However, this did. You are a life saver.

Thank you!

7

I have a dawn theme. This works for the product title, but the product price is still left. How can I also get center the price?