Centering Products on the Home Page (Minimal)

[mothchoir]

Hi, 

I'm looking to center my products in the Minimal theme. 

I currently only have two product to sell, but on my home page, they're shifted to the left, presumably because it's set to show 3 products in the row (but you can't set it lower in the theme settings);

I would like to have them centered on my home page if possible.current above, wanted below

[JLbyone]

@mothchoir share your url preview, and pass if its protected

[mothchoir]

https://mothchoir.shop/

pw: damkus

[JLbyone]

@mothchoir  go to your file featured-product.liquid and you have to change the space in your grids, to get 2 products per row, find that: 

grid__item medium--one-third post-large--one-third

and change for that:

grid__item medium--one-half post-large--one-half

[mothchoir]

that worked, but now I'm getting odd bars extending out of the sides of the products (they seem to take on the color of the "body" text in theme settings)

[JLbyone · Accepted solution]

@mothchoir remove that code:

.grid-link__image--loading {
    background-color: #8a19ff;
}

or add this code to the bottom of theme.scss.liquid:

.grid-link__image--loading {
    display: none;
}

[mothchoir]

thank you