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

Store Design
1

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/

2

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;
}
3

It did center it kinda but its not perfect. The price is kind of of center. See videohttps://youtu.be/5dFo-omPh2Y

4

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

.price__regular {
    margin: 0;
}

.price dd {
    margin: 0;
}
5

Thank you! You are a genius!

6

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.