How to Center Product Page Elements?

I’ve had a lot of trouble centering these elements, I’ve asked this question before, but it seems different and unique this time. the site is https://grimlabs.co, and the password is tonythetiger. I want to center: prices, titles, add to cart, shop pay buttons, etc. Everything needs to be centered in that area.

Another issue I want to touch on possible would be putting the “sold out” badges under the prices of each item.

If you reach out and help I greatly appreciate you!

As you can see the items are not properly centered in the middle of the screen on larger screen widths, but when it’s smaller, they are. I don’t think a media query would be necessary for this, and would be overkill, I just think fixing the width and alignment of each element would be better and more effective. (The logo on the right of the screen is just my custom cursor)

1 Like

Hi @grimworld ,

Ive like to check your store to see what would be the problem but I cant able to enter your store. I cant solve this problem where I put the password. :sweat_smile:

Oh ■■■■ I forgot to develop my theme far enough to allow a password :sob: I switched over the password page to allow password input. You can access it now :slightly_smiling_face: