Center Product Titles & Price

[Yek1]

The star icon for review is off the mark. How can I center it?

[oscprofessional]

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

.grid-view-item.product-card .loox-rating {
    text-align: center;
}

[Yek1]

You are the best man.

[khacmac]

This centered my titles but price is still left justified in the product listings.

I am using the Debut theme.

************

Actually, upon deeper review, this centered ALL text - titles under images, description of products.

Can I JUST center Home Page text under images - I am displaying images from collections.

Thank you.

[oscprofessional]

Hello khacmac,
Please share your site url and screenshot.
So that i can check and let you know the exact solution here.

[khacmac]

URL is pedegominnesota.com
On our Home Page only, we want the titles below each image to be centered.
[image: image.png]

We do NOT want titles in other areas, such as the product page, to be
centered.
[image: image.png]

[oscprofessional]

Hello khacmac,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.template-index .grid-view-item.product-card {
    text-align: center;
}

[khacmac]

Perfect!
Looks like exactly what we wanted.
Thank you so much!

[Willyysonn]

Hey so I want to center the product titles and prices for just my collection pages not the entire site. How would I do that? Doing the solution at the beginning fixes it but them every single website text is centered

[khacmac]

I am not a developer and received much help with centering titles and
prices.
But we center title and price under collections and products with this code
in the theme.scss.liquid file. Put this at the very end, save and see if
this does what you want.

/* Center product names under image */
.template-index .grid-view-item.product-card { text-align: center; }