centre product and collection content dawn theme 11.0

[massmonster]

Hello

i am having trouble finding how to centre content on my site
as you can see, it is left-aligned. I want the product and collection cards to be centre aligned

my site is www.sundaymass.store

password is CRUSADE

[DanCodes]

Include this style in your stylesheet:
.collection-list, .product-grid {
justify-content: center;
}

[Made4uo-Ribe]

Hi @massmonster 

Do you mean this? 

If it is, check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.title-wrapper-with-link {
    justify-content: center;
}
.collection-hero__description, .collection-hero__title {
        max-width: 100%;
        text-align: center;
    }

• And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Rahul_dhiman · Accepted solution]

Hello @massmonster 

Go to online store ---------> themes --------------> actions ------> edit code------->base.css -----> line number 895
search this code

.grid {
display: flex;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: var(--grid-mobile-horizontal-spacing);
row-gap: var(--grid-mobile-vertical-spacing);
flex-wrap: wrap;
justify-content: flex-start;
}

and replace with this code.

.grid {
display: flex;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: var(--grid-mobile-horizontal-spacing);
row-gap: var(--grid-mobile-vertical-spacing);
flex-wrap: wrap;
justify-content: center;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks