Centering Products on the Home Page (Minimal)

Solved
mothchoir
Tourist
6 0 2

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 belowcurrent above, wanted below

JLbyone
Explorer
190 19 41

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

0 Likes
mothchoir
Tourist
6 0 2
0 Likes
JLbyone
Explorer
190 19 41

@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

 

0 Likes
mothchoir
Tourist
6 0 2

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)

0 Likes
JLbyone
Explorer
190 19 41

This is an 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
Tourist
6 0 2

thank you

0 Likes