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]

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 on theme.liquid

.collection ul.grid.product-grid { justify-content: center !important; } .collection .card__information, .card-information { text-align: center !important; }

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