How can I move the product title and price to be in the center.

[Pernilla]

I need help how to edit the code so my products title and price on the home page and collection page is centered. This is my site: https://showyourpick.com/

[Ninthony]

You can add this to the bottom of your theme.scss.liquid file in your Assets folder:

.product-card {
    text-align: center;
}

.price--listing {
    align-items: center;
}

[Pernilla]

It did center it kinda but its not perfect. The price is kind of of center. See video

[Ninthony · Accepted solution]

Sorry, didn't see the additional margins that were there. Just add this underneath:

.price__regular {
    margin: 0;
}

.price dd {
    margin: 0;
}

[Pernilla]

Thank you! You are a genius!

[elshacologne]

This isn't working for me. I don't have the file named theme.scss.liquid. I have 3 files that have theme.  Theme.liquid / theme.js / theme.css. I tried adding the code at the bottom of each and no luck.