Center Text Under Image Supply Theme

New Member
6 0 0

Currently the titles underneath the images in my collections are left justified.

I would like them to be center justified.

I have found other threads where people are asking this question, including this thread:

https://ecommerce.shopify.com/c/ecommerce-design/t/minimal-theme-how-do-you-center-align-product-tit...

where someone says to paste:

.grid-link__meta {
text-align: center;
}

p.grid-link__title {
    text-align: center;
}

At the bottom of theme.scss.liquid.

I have done this, it did not work.

What do I do to get the titles center under the photos please?

 

0 Likes
Shopify Staff
Shopify Staff
555 4 87

Hi Solorna,

Thanks for reaching out :) Since the code for product titles can be different depending on the theme you use, we would need to know which theme you are using before offering a possible solution. Can you tell me which theme you are using, or share a link to your website?

Cheers,

Liam

0 Likes
New Member
6 0 0

It's the Supply Theme. Sorry, I was so sure I said "Supply Theme"

0 Likes
Shopify Staff
Shopify Staff
555 4 87

Hi again Solerna,

Thanks for your reply :) So the code you would need to add to the very bottom of your theme.scss.liquid  file is: 

a.product-grid-item {
   text-align: center;
}

This should make your product titles center justified. 

Hope this helps Solorna- please let me know if you have any other questions.

Liam

0 Likes
New Member
6 0 0

That did not work. Please see link https://imgur.com/a/OIk24

showing I pasted your exact code in the theme.scss.liquid and the text under the product image is still left aligned instead of centered. Please help.

0 Likes
Shopify Staff
Shopify Staff
555 4 87

Hi again Solorna- It's possible you are running a different/ updated version of Supply to me- could you link your store and I can take a closer look?

Cheers,

Liam 

0 Likes
New Member
6 0 0

https://book-of-shadows-pages.myshopify.com/

This still isn't worked out and I've pasted multiple codes in from these forums which seem to work for everyone else but aren't working on my store.

0 Likes
Shopify Staff
Shopify Staff
555 4 87

Hi Solorna,

I was able to edit your code and center the title and prices of your products. You can see a note which describes the changes I made on line 64 of your product-grid-item.liquid  snippet file. 

Hope this helps- please let me know if you have any other questions :)

Liam 

1 Like
New Member
1 0 0

i have same problem with theme Debut

0 Likes