Center Product Title & Price - Debut Theme

Highlighted
New Member
2 0 0

Hello,

I am trying to tweak the alignment of Product Titles and Price for a collection on my home page. I have gone through the forums and found that adding this solution to theme.scss.liquid worked for many:

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

This only centered my Product Titles, the Prices are still left aligned. Another thread had a response from someone dealing with the same issue. They were instructed to add the following code and it worked for them.

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

I added this as well and it did not align my prices to the center. Does anyone have any other suggestions for getting both of these items center-aligned?

Thank you!

 

0 Likes
Tourist
6 0 7

I have the same question. It's sort of driving me nuts. I can get the product title centered, but not the price.

0 Likes
Highlighted
Tourist
6 0 7

Brian Williams, try this. It worked for me FINALLY!

 

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

 

4 Likes
Highlighted
New Member
2 0 0

THANK YOU SO MUCH! It worked! I was on the right trail but was calling out the wrong items. I really appreciate the help.

0 Likes
Highlighted
New Member
1 0 0

OMG thank you for this.  I've spent an hour at least trying to figure this out... and trying many other suggestions.  Finally! 

0 Likes
Highlighted
New Member
3 0 0

Hi Guys 

 

I'm having the same issue. I have input the suggested code but on my product page the price is still aligned to the left. Appreciated if anyone has a solution out there. I have attached a copy of the page as well as the code. 

0 Likes
Highlighted
Shopify Partner
129 13 14

SunnyBhoola, could you send me a link to your product page?


@SunnyBhoola wrote:

Hi Guys 

 

I'm having the same issue. I have input the suggested code but on my product page the price is still aligned to the left. Appreciated if anyone has a solution out there. I have attached a copy of the page as well as the code. 


 

Shopify Expert Support
denisaksutik@gmail.com
https://thewebave.com/
0 Likes
Highlighted
Shopify Partner
129 13 14

@SunnyBhoola wrote:

https://teal-brown.myshopify.com/admin/themes/64377815104/editor#/products/banana-leaf-on-cream-canv...


@SunnyBhoola that's the admin link. I can't get an access to it.

Shopify Expert Support
denisaksutik@gmail.com
https://thewebave.com/
0 Likes
Highlighted
New Member
3 0 0