Centering collections title and price text

New Member
2 0 0

Hello all!

I need help getting my titles and prices center aligned with the images please! Ive searched the forms for hours and I can only get the price to center with this code added to my theme.scss.liquid file

.product-card .price {
    justify-content: center !important;
}

Ive also tried to add the following code to fix the titles that i found worked for other people but I can not get it to work for me. 

.grid-view-item__title, .grid-view-item__meta {
  text-align: center;
 

This is what im left with and would like the titles centered as well please

https://purgeweekend.com/

 

 

0 Likes
Highlighted
Explorer
83 0 23

Hi there,

All you need to do is center the text with a simple style

.product-card {
    text-align:center;
}

 

1 Like
New Member
2 0 0

Thank you, thank you, thank you! Perfect!

0 Likes