Moving Product Collection to the center

[TuneToyz]

Hello,

My website is tunetoyz.com password:tunetoyz123

When you go to my shop page it looks like this, but I want it to be centered and the text to be centered kind of like the other image I attached. 

I want it to look like this

 

Thank you so much for your help!

[devcoders]

Hello @TuneToyz 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css.
Add the provided code at the end of the file.

.collection .product-grid {
justify-content: center;
}

[GTLOfficial]

Hello @TuneToyz 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.grid {
justify-content: center !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Tech_Coding · Accepted solution]

Hello @TuneToyz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   .collection ul.grid.product-grid {
      justify-content: center !important;
   }
   .collection .card__information, .card-information {
       text-align: center !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.