How to center product price in collections at homepage?

Store Design
1

Hello,

I am using a debut theme, and I applied a code that will reveal the second product image when hovering it.

This is the code https://www.youtube.com/watch?v=iPPO7dfwiUY

However, the product price at homepage is aligned to the left. I tried to make it align center and the result is disappointing…

螢幕截圖 2021-12-01 上午11.06.32.png
螢幕截圖 2021-12-01 上午11.06.32.png2385×996 58 KB

This is the code right now:

螢幕截圖 2021-12-01 上午11.05.33.png
螢幕截圖 2021-12-01 上午11.05.33.png1520×1770 418 KB

螢幕截圖 2021-12-01 上午11.05.45.png
螢幕截圖 2021-12-01 上午11.05.45.png2544×664 185 KB

2

Hello There,
Please share your store URL and and passwor.
So that I will check and let you know the exact solution here.

3

How to center product price in collections at homepage?
https://community.shopify.com/post/1404436

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.grid-view-item__meta dd {
margin-left: 0;
text-align: center;
}
4

It works! I really appreciate your help.

5

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.