- From you admin, click on ‘Online Store > Actions > Edit code’.
- In your ‘Sections’ folder, select a file called ‘collection-template.
- Search for ‘grid–view-items’ inside the file.
- Inside the bracket, add style=”margin-right: -50%; left: 50%;”
Also, how do you center text under Shopify products?
- go to css liquid theme.
- ctrl+f “.price_regular”
- Scroll up until you find “.price { “
- The display field will say “flex”, replace that with the following: “display: block; text-align: center; “
- Final code under .price should look like this:
Likewise, how do I center custom content in Shopify?
- Delelte this : align-items: stretch;
- Add this: justify-content: center;
Furthermore, how do I center my Shopify logo?
- Go to Themes > Customize Theme > Edit Code.
- Scroll down to assets, locate theme.scss.liquid.
- On approximate line 2226 find: .site-header__site-name { display: block; margin: $gutter / 2;
- At the end of this block add in:
- Press Save.