aligning product in center of page

[dvaughn]

I'm new to making sites, I'd appreciate assistance on how to put this product from where it is now to the center of the screen for laptop/pc (its already the center for mobile)

My current site is as shown above

How I want it to look like is shown above

[Moeed]

Hey @dvaughn 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-list {
    justify-content: center !important;
    margin-bottom: 0 !important;
}
main#MainContent {
    align-content: center !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[dvaughn]

I've already solved this but thank you very much. I have another question if you could assist me on that would be great. I would like to change my form text color from grey to black.