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

Solved
Pernilla
New Member
3 0 0

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/

Accepted Solution (1)

Accepted Solutions
Ninthony
Shopify Partner
2272 342 969

This is an accepted solution.

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

.price__regular {
    margin: 0;
}

.price dd {
    margin: 0;
}
If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄

View solution in original post

Replies 5 (5)
Ninthony
Shopify Partner
2272 342 969

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;
}
If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄
Pernilla
New Member
3 0 0

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

Ninthony
Shopify Partner
2272 342 969

This is an accepted solution.

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

.price__regular {
    margin: 0;
}

.price dd {
    margin: 0;
}
If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄
Pernilla
New Member
3 0 0

Thank you! You are a genius!

elshacologne
New Member
1 0 0

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.