Center Product Titles & Price

Tourist
5 0 0

Yek1_0-1606466982263.png

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

 

0 Likes

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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
5 0 0

You are the best man.

0 Likes
Shopify Partner
6 0 0

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.

0 Likes

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
6 0 0
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]
0 Likes

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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
6 0 0

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

0 Likes
Tourist
3 0 0

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

 

0 Likes
Shopify Partner
6 0 0
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; }
0 Likes