Featured Collection

Store Design
, , , , , ,
1

Hi, how do I make these products bigger so they touch? There should be no space in-between them and no space out to the side if possible. Look at these pictures:

drakenberg_0-1719318788872.png
drakenberg_0-1719318788872.png1920×989 201 KB

like in this website: https://www.oscarjacobson.com/sv-se/

drakenberg_1-1719318822246.png
drakenberg_1-1719318822246.png1915×861 163 KB

Thank you in advance for the help!

2

Hello @drakenberg

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file theme.scss
Step 3: Paste the below code at bottom of the file → Save

#shopify-section-1522671286117 .page-width {
    max-width: 100%;
    padding: 0;
}

#shopify-section-1522671286117 .grid .reveal img {
    width: 100%;
}

#shopify-section-1522671286117 .grid.grid--view-items {
    margin-left: 0;
}

#shopify-section-1522671286117 .grid .grid__item {
    padding: 0;
}
3

You’re the best thanks! One last question, how can I align the name and the price to the middle?